css 控制字数,超出部分显示“...”

单行文本隐藏
p{
	border: 1px solid red;
	width:200px;
	height:25px;
	/*word-break:break-all;*/
	white-space: nowrap;/*强制在一行显示*/
	text-overflow:ellipsis;/*设置超出内容显示...*/
	overflow: hidden;/*一定不能少 超出的内容进行隐藏*/
}
多行文本溢出部分隐藏
p {
	display: block;
	line-clamp: 2; /*多行文本 溢出部分...*/
	box-orient: vertical; /*从上向下垂直排列*/
	overflow: hidden;
}

 

你可能感兴趣的:(css)