第一种仅支持单行省略:
width:value; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
第二种支持多行省略:
width:value; overflow : hidden; text-overflow: ellipsis; /* display:box主要是控制父容器里面子元素的排列方式 */ display: -webkit-box; /* 实现限制文字显示多行,多余的用... */ -webkit-line-clamp: 2; /* 属性规定框的子元素应该被水平或垂直排列。 */ -webkit-box-orient: vertical;