CSS控制文本长度,超出DIV宽度后以点...显示
2018/12/21 14:27:52 | 阅1912 | 来源:好空间网络 [打印] [关闭] |
CSS代码:
一行
二行
三行...
.animate{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .lianghang{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .sanhang{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
HTML代码:
<view class="animate">文本长度,如果过长知道以...显示</view>
效果: