webkit-line-clamp-with-line-height-ref.html (375B)
1 <!DOCTYPE html> 2 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 3 <style> 4 #test { 5 width: 100px; 6 7 text-overflow: ellipsis; 8 white-space: nowrap; 9 overflow: hidden; 10 11 border: solid thin grey; 12 font: 20px 'Ahem'; 13 line-height: 40px; 14 } 15 </style> 16 <p>This tests the -webkit-line-clamp property with line-height applied.</p> 17 <div id="test"> 18 XXXX XXX 19 </div>