webkit-line-clamp-050.html (626B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#propdef--webkit-line-clamp"> 3 <link rel="help" href="https://github.com/w3c/csswg-drafts/pull/10816"> 4 <link rel="match" href="reference/webkit-line-clamp-050-ref.html"> 5 <style> 6 .clamp { 7 display: -webkit-box; 8 -webkit-box-orient: vertical; 9 -webkit-line-clamp: 2; 10 overflow: hidden; 11 padding: 10px; 12 border: solid 3px; 13 width: 100px; 14 } 15 .clamp div { 16 border: medium solid green; 17 padding: 15px; 18 } 19 </style> 20 <div class="clamp"> 21 Line1 22 <div>Line2<br>Line3</div> 23 Line4 24 <div>Line5<br>Line6</div> 25 Line7 26 </div>