CSS中的2行多出隐藏是很常用的技巧,特别是在网页设计中,当需要展示大段的文本内容,但是空间又有限时,就需要使用2行多出隐藏技巧来展示内容。那么,CSS中的2行多出隐藏是怎么实现的呢? .multil
CSS中的2行多出隐藏是很常用的技巧,特别是在网页设计中,当需要展示大段的文本内容,但是空间又有限时,就需要使用2行多出隐藏技巧来展示内容。
那么,CSS中的2行多出隐藏是怎么实现的呢?
.multiline-ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
以上是一个典型的2行多出隐藏的CSS样式,其中:
通过以上样式设置,我们就可以轻松实现2行多出隐藏的效果,达到节约空间同时展示重要内容的目的。
粉丝
0
关注
0
收藏
0