Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(5)

Unified Diff: LayoutTests/fast/multicol/newmulticol/breaks-3-columns-3.html

Issue 143383002: Region based multicol: support explicit column breaks (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Code review. Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/multicol/newmulticol/breaks-3-columns-3.html
diff --git a/LayoutTests/fast/multicol/newmulticol/breaks-3-columns-3.html b/LayoutTests/fast/multicol/newmulticol/breaks-3-columns-3.html
new file mode 100644
index 0000000000000000000000000000000000000000..a52ff94696975f139da5456350a762e9b7e124cf
--- /dev/null
+++ b/LayoutTests/fast/multicol/newmulticol/breaks-3-columns-3.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>auto-height multicol with break</title>
+ <script>
+ if (window.internals)
+ internals.settings.setRegionBasedColumnsEnabled(true);
+ </script>
+ <style>
+ .mc > div { padding:0 0.5em; }
+ </style>
+ </head>
+ <body style="min-width:40em;">
+ <div class="mc" style="-webkit-columns:3; -webkit-column-gap:1em; columns:3; column-gap:1em; orphans:1; widows:1; width:23em; background:olive;">
+ <div style="-webkit-column-break-after:always; break-after:column;">
+ first column<br>
+ </div>
+ <div style="-webkit-column-break-after:always; break-after:column;">
+ second column<br>
+ second column<br>
+ second column<br>
+ second column<br>
+ second column<br>
+ second column<br>
+ </div>
+ <div style="-webkit-column-break-after:always; break-after:column;">
+ third column<br>
+ third column<br>
+ third column<br>
+ third column<br>
+ </div>
+ <div>
+ fourth column<br>
+ fourth column<br>
+ fourth column<br>
+ fourth column<br>
+ fourth column<br>
+ fourth column<br>
+ fifth column<br>
+ fifth column<br>
+ </div>
+ </div>
+ </body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698