块中显示指定行数的文本内容

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;

效果:

 

posted @ 2018-12-10 18:14  画语清尘  阅读(200)  评论(0编辑  收藏  举报