discard-multicol-002.html (853B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: continue:discard with ellipsis 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="match" href="reference/discard-multicol-002-ref.html"> 7 <meta name="assert" content="Content overflowing a multicol gets discarded with continue: discard, ellipsis insertion works"> 8 <style> 9 div { 10 font-family: monospace; 11 gap: 1ch; 12 width: 27ch; 13 columns: 3; 14 height: 2lh; 15 16 border: 1px solid; 17 margin: 1em; 18 } 19 .test { 20 continue: discard; 21 block-ellipsis: auto; 22 } 23 </style> 24 <p>Test passes if the two boxes bellow are identical. 25 <div class="test"> 26 Line 1 27 Line 2 28 Line 3 29 Line 4 30 Line 5 31 Line 6 32 Line 7 33 </div> 34 <div class="ref"> 35 Line 1 36 Line 2 37 Line 3 38 Line 4 39 Line 5 40 Line 6… 41 </div>