文字溢出...

单行文本溢出显示省略号…

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap

多行文字溢出

    display: -webkit-box;         // 作为弹性伸缩盒子模型
    -webkit-line-clamp: 2;       // 限制在一个块元素显示的文本的行数
    -webkit-box-orient: vertical;     //  设置盒对象子元素的排列方式:从上向下垂直排列子元素。
                                                    //  Safari、Opera 以及 Chrome 支持
    -moz-box-orient: vertical;     //  Firefox 支持
    overflow: hidden;

这个属性目前仅支持webkit浏览器，比较合适WebKit浏览器或移动端（移动端绝大部分是WebKit内核的浏览器）

跨浏览器兼容的方案

https://www.cnblogs.com/like-xcm/p/5849630.html