超出部分显示省略号
一行溢出展示省略号
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
宽度不需要设置,继承父盒子的宽度,如果不设置宽度,超出父盒子宽度的内容显示省略号,如果设置了宽度,超出指定宽度的区域显示省略号。
多行溢出展示省略号
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 12;
overflow: hidden;
text-overflow: ellipsis;
注意可以不设置宽度,宽度像上面一样展示,但是高度一定不能设置!!!