其他分享
首页 > 其他分享> > 关于样式-单行/多行文本隐藏+省略

关于样式-单行/多行文本隐藏+省略

作者:互联网

单行文本隐藏+省略

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