webkit-line-clamp-053.html (713B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: justified -webkit-line-clamp ellipsis</title> 4 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#propdef--webkit-line-clamp"> 5 <link rel="match" href="reference/webkit-line-clamp-053-ref.html"> 6 <meta name="assert" content="If the -webkit-line-clamp ellipsis would be placed in a justified line, the justification happens after placing the ellipsis."> 7 <style> 8 .clamp { 9 display: -webkit-box; 10 -webkit-box-orient: vertical; 11 -webkit-line-clamp: 2; 12 overflow: hidden; 13 14 width: 8ch; 15 border: 2px solid black; 16 text-align: justify; 17 18 font-family: monospace; 19 } 20 </style> 21 <div class="clamp"> 22 XXX XXX XX XX XXXXX 23 </div>