discard-multicol-004.html (1109B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: continue:discard on multicol</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 5 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#continue"> 6 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#max-lines"> 7 <link rel="match" href="reference/discard-multicol-004-ref.html"> 8 <meta name="assert" content="max-lines does not take effect across the columns of a multicol, because «Only line boxes in the same block formatting context are counted: the contents of descendants that establish independent formatting contexts are skipped over while counting line boxes.»."> 9 <style> 10 div { 11 font-family: monospace; 12 gap: 1ch; 13 width: 27ch; 14 columns: 3; 15 height: 2lh; 16 17 border: 1px solid; 18 margin: 1em; 19 } 20 .test { 21 continue: discard; 22 block-overflow: no-ellipsis; 23 max-lines: 5; 24 } 25 </style> 26 <p>Test passes if the two boxes bellow are identical. 27 <div class="test"> 28 Line 1 29 Line 2 30 Line 3 31 Line 4 32 Line 5 33 Line 6 34 Line 7 35 </div> 36 <div class="ref"> 37 Line 1 38 Line 2 39 Line 3 40 Line 4 41 Line 5 42 Line 6 43 </div>