webkit-line-clamp-038.html (558B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp"> 3 <link rel="match" href="reference/webkit-line-clamp-038-ref.html"> 4 <meta name="assert" content="-webkit-line-clamp correctly clamps a block-in-inline."> 5 <style> 6 .clamp { 7 display: -webkit-box; 8 -webkit-box-orient: vertical; 9 -webkit-line-clamp: 3; 10 font: 16px / 32px serif; 11 background-color: yellow; 12 overflow: hidden; 13 } 14 </style> 15 <div class="clamp"> 16 <div> 17 Line 1 18 <span><div>Line 2<br>Line 3<br>Line 4</div></span> 19 Line 5 20 </div> 21 </div>