column-balancing-break-inside-avoid-2-ref.html (879B)
1 <html> 2 <head> 3 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012"> 4 <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside"> 5 <meta name="flags" content="paged"> 6 <meta charset="utf-8"> 7 <title>Balancing Overflow, page-break-inside:avoid</title> 8 <style> 9 #colset { width: 200px; 10 padding: 2px; 11 column-count: 3; 12 column-gap: 2px; 13 column-fill: auto; } 14 #a { height: auto; background: lightblue;} 15 #b { height: 50px; background: lightblue;} 16 #c { height: 51px; background: orange;} 17 </style> 18 </head> 19 <!-- Removing whitespace in body for simpler frame trees --> 20 <body 21 ><div id="colset" 22 ><div 23 ><div id="a"></div 24 ><div id="b" 25 ><div id="c"></div 26 ><div id="d"></div 27 ></div 28 ></div 29 ></div 30 ></body> 31 </html>