文字溢出 – 技术博客

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

  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内核的浏览器）

ICFY