- 方法一:
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
多行文本溢出很简单,可以用这个非规范属性,不过它有局限性,看前缀就知道了。而且有个坑:在初始化时候无效,所以可以在初始化之后动态改变下padding神马的(其实就是改变下位置、大小)
- 方法二:
要么就是js实现,很简单,自行搞定 - 方法三:
其实是相当于
position: relative;
overflow: hidden;
max-height: 100px;
如上限定高度,然后在最后定张…
图片,该图片背景和文字背景一致的话就很像了,不过总有瑕疵
网友评论