1. 程式人生 > >塊中顯示指定行數的文字內容

塊中顯示指定行數的文字內容

1.顯示幾行:-webkit-line-clamp:n;

2.顯示型別:display:-webkit-box;盒子模型

3.文字顯示的方式:-webkit-box-orient:vertical;垂直居中

4.溢位部分隱藏:overflow:hidden;

-webkit-line-clamp:4;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;

效果: