文字溢出显示省略号

1.单行文字溢出显示为省略号

<p>文字文字文字文字文字文字文字文字文字文字文字文字文字</p>

p{
    width: 200px;
    background: red;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

2.多行文字溢出显示省略号

p{
	width: 200px;
	background: red;
	display: -webkit-box;
	-webkit-box-orient: vertical;/*显示省略号*/
	-webkit-line-clamp: 3;/*显示三行文字*/
	overflow: hidden;
}