css 省略文字 移动端使用
- css代码 最多显示两行
display: box;
display: -webkit-box;
box-orient: vertical;
-webkit-box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
overflow: hidden;
- 使用老的弹性盒子display box 配合line-clamp来隐藏多余文字, 在移动端兼容性较好, 这种写法没有较多的冗余代码.
- 一定要使用 display: -webkit-box; 配合 -webkit-line-clamp: 2;
- 最新 display:flex无法 省略隐藏, 且display: -webkit-box必须配合前缀 -webkit-