溢出文字省略号显示

单行文本溢出显示省略号

三个条件：

1. 先强制一行内显示文本：white-space: nowrap;
2. 超出部分隐藏：overflow: hidden;
3. 文字用省略号代替超出部分：text-overflow: ellipsis;

多行文本溢出显示省略号

display: -webkit-box;作为弹性伸缩盒子模型

-webkit-box-orient: vertical;设置或检索伸缩盒子里面的子元素的排列方式

-webkit-line-clamp: 4;设置新元素最多显示的行数，要求父元素写上宽度

overflow: hidden;

text-overflow: ellipsis;