html文本超过两行隐藏

单行隐藏

.hidden{
	white-space: nowrap;	/* 文本不换行 */
	overflow:hidden;	/*隐藏超出的内容*/
	text-overflow: ellipsis; /*省略号(...)*/
}

多行隐藏

.hidden-2{
	display:-webkit-box;/*对象作为伸缩盒子模型展示*/
	-webkit-box-orient:vertical;/*设置或检索伸缩盒子对象的子元素的排列方式*/
	word-break:break-all;/*强制换行*/
	-webkit-line-clamp:2;/*显示的行数*/
	overflow:hidden;	/*隐藏超出的内容*/
	text-overflow: ellipsis; /*省略号(...)*/
	width:100px;
	height: 29px;
}