webkit-line-clamp-037.html (644B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp"> 4 <link rel="match" href="reference/webkit-line-clamp-037-ref.html"> 5 <meta name="assert" content="text-overflow: ellipsis should apply within a -webkit-line-clamp context."> 6 <style> 7 .clamp { 8 display: -webkit-box; 9 -webkit-box-orient: vertical; 10 -webkit-line-clamp: 2; 11 width: 15.1ch; 12 font: 16px / 32px monospace; 13 background-color: yellow; 14 padding: 4px; 15 overflow: hidden; 16 text-overflow: ellipsis; 17 } 18 </style> 19 <div class="clamp"> 20 supercalifragilisticexpialidocious 21 supercalifragilisticexpialidocious 22 </div>