单行、多行超出文字省略代替

单行及多行超出文字省略代替解决

单行

/*单行文本溢出，需是块级元素下的文字，且应有宽度*/
text{
	white-space: nowrap;/*禁止换行*/
	overflow: hidden；/*超出部分隐藏*/
	text-overflow: ellipsis;/*文字超出部分用省略号代替*/
	/*如果是文本，要换成块*/
	display:block;
}

多行

text{
  	/* 设置两行文字超出省略号代替 */
 	overflow: hidden;
  	text-overflow: ellipsis;
  	/* 设置成基于webkit内核下的box */
 	display: -webkit-box;
  	/* 设置对齐方式 */
  	-webkit-box-orient: vertical;
  	/* 设置显示几行文字，显示两行就是2 */
  	-webkit-line-clamp: 2;
}