webkit-line-clamp-034.html (663B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: -webkit-line-clamp with visibility: hidden;</title> 4 <link rel="author" title="Tim Nguyen" href="https://github.com/nt1m"> 5 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp"> 6 <link rel="match" href="/css/reference/blank.html"> 7 <style> 8 #clamp { 9 visibility: hidden; 10 display: -webkit-box; 11 -webkit-box-orient: vertical; 12 -webkit-line-clamp: 3; 13 overflow: hidden; /* can be removed once implementations update their old -webkit-line-clamp implementations */ 14 } 15 </style> 16 <div id="clamp"> 17 AAAAAAAAA<br> 18 BBBBBBBBB<br> 19 CCCCCCCCC<br> 20 DDDDDDDDD<br> 21 EEEEEEEEE 22 </div>