block-ellipsis-017.html (1049B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: soft wrap opportunities created by word-break are ignored for inserting block-ellipsis when nowrap applies</title> 4 <link rel="author" title="Andreu Botella" href="mailto:abotella@igalia.com"> 5 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 6 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#block-ellipsis"> 7 <link rel="match" href="reference/block-ellipsis-013-ref.html"> 8 <meta name="assert" content="The block-ellipsis is not placed after the last soft wrap opportunity in the line box with text-wrap: nowrap."> 9 <style> 10 .clamp { 11 line-clamp: 2; 12 width: 63.1ch; 13 border: 1px solid black; 14 font-family: monospace; 15 white-space: pre; 16 word-break: break-all; 17 } 18 </style> 19 <div class="clamp">This time, Mark, who had always been the center of attention in 20 any social gathering, walked into the room uncharacteristically quietly, barely speaking as he settled into a chair. 21 22 When asked, he said that he was fine, when he wasn't really fine.</div>