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

单行文本隐藏+省略

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行,超出隐藏-需要多少行自己设置*/
}
上一篇:侧边导航栏滚动条---CSS overflow实现


下一篇:CSS文本超过两行用省略号代替