h5 Css3 using new features, more than two lines of text, abbreviated as three dots

h5 Css3 using new features, more than two lines of text, is omitted for the three dots, the sample code:

overflow: hidden; // hides the extra rows 
text-overflow: ellipsis; 
the display: -webkit-Box; 
-webkit-Line-CLAMP: 2; // predetermined display lines, the number of rows remaining decimal place 
-webkit-box- orient: vertical; // arranged in a predetermined vertical direction

  

 

 

Guess you like

Origin www.cnblogs.com/uimeigui/p/11984181.html