css样式 单行或多行文本超出变省略号

1.单行文本

.ellipsis{
	width:200px;/*必须是固定宽度值*/
	overflow:hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/*超出部分显示省略号*/
    white-space:nowrap;/*规定段落中的文本不进行换行 */
}

2.多行文本

.ellipsis-more{
	width:200px;/*必须是固定宽度值*/
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow:hidden;/*超出部分隐藏*/
}