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

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;

效果:

猜你喜欢

转载自www.cnblogs.com/itwlp/p/10098010.html