实现单行文本 和 多行文本溢出隐藏 省略号代替

多行文本溢出隐藏

.text{
	display: -webkit-box;
 	overflow:hidden;  
 	text-overflow:ellipsis;
 	-webkit-box-orient:vertical;/* 设置对齐模式*/
 	-webkit-line-clamp:2;
	}

单行文本溢出隐藏

.text{
 		overflow:hidden;
 		text-overflow:ellipsis;
 		white-space:nowrap;
}

如果是行内标签 无法设置宽高可能会导致 文本隐藏失效，需要用display:block; 转成块元素就可以了!