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

单行文本隐藏+省略

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