文本溢出处理

单行文本溢出

div{
	width：200px；
	overflow：hidden; //溢出的文本切掉
	text-overflow：ellipsis；//文本溢出显示省略号
	white-space：nowrap；//文本不换行
}

多行文本溢出显示省略号

div{
	width：200px；
	overflow：hidden；
	text-overflow：ellipsis；
	display：-webkit-box；//将对象作为弹性伸缩盒子模型显示
	-webkit-line-clamp：3；//用来限制文本的行数，这是一个不规范属性，没有出现在css规范草案中
	-webkit-box-orient：vertical；//设置或检索伸缩盒对象的子元素的排列方式
}

注意：我的注释符号是在less里能识别的，css文件的话注释符号要改成：/* */

多行文本溢出，这里会有一些局限性，盒子的宽高设置的不合适时，会出现字体只显示一半的现象，把宽高调整一下就行。