多行文本溢出

• 方法一：

overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

多行文本溢出很简单，可以用这个非规范属性，不过它有局限性，看前缀就知道了。而且有个坑：在初始化时候无效，所以可以在初始化之后动态改变下padding神马的（其实就是改变下位置、大小）

• 方法二：
  要么就是js实现，很简单，自行搞定
• 方法三：
  其实是相当于

position: relative;
overflow: hidden;
max-height: 100px;

如上限定高度，然后在最后定张…图片，该图片背景和文字背景一致的话就很像了，不过总有瑕疵