关于样式-单行/多行文本隐藏+省略
作者:互联网
单行文本隐藏+省略
p{
width:90%;/*宽度记得设置,这样超出宽度的内容才会被省略*/
overflow:hidden; /*文本超出隐藏*/
white-space:nowrap;
text-overflow:ellipsis;/*文本超出省略*/
}
多行文本隐藏+省略
p{
width:300px; /*宽度记得设置,这样超出宽度的内容才会被省略*/
overflow: hidden; /*文本超出隐藏*/
display:-webkit-box; /*盒子模型微弹性伸缩模型*/
-webkit-box-orient: vertical;/*伸缩盒子的子元素垂直排列*/
-webkit-line-clamp: 3; /*文本显示3行,超出隐藏-需要多少行自己设置*/
}
标签:多行,省略,单行,超出,webkit,overflow,文本,隐藏 来源: https://blog.csdn.net/qq_16416957/article/details/120482532