block-ellipsis-016.html (1037B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: soft wrap opportunities created by overflow-wrap are ignored for inserting block-ellipsis</title> 4 <link rel="author" title="Andreu Botella" href="mailto:abotella@igalia.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#block-ellipsis"> 6 <link rel="match" href="reference/block-ellipsis-016-ref.html"> 7 <meta name="assert" content="The block-ellipsis is placed after the last soft wrap opportunity in the line box that fits the ellipsis. `overflow-wrap: anywhere`, however, does not count as creating soft wrap opportunities. Therefore, if a line with the ellipsis has no breakpoints that would prevent it from overflowing, it gets entirely displaced by the ellipsis."> 8 <style> 9 .clamp { 10 line-clamp: 3; 11 width: 20.1ch; 12 border: 1px solid black; 13 font-family: monospace; 14 overflow-wrap: anywhere; 15 } 16 </style> 17 <div class="clamp"> 18 This time, Mark 19 walked in 20 uncharacteristically <!-- the ellipsis would cause this line to overflow --> 21 quietly. 22 </div>