正常情况下,单行文本指定长度,超出省略号提示的代码是:
width: 100px; // 指定长度
overflow: hidden; // 隐藏
text-overflow: ellipsis; // 省略号
white-space: nowrap; // 不换行
多行文本指定行数超出省略号隐藏:
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2; // 2行
word-break: break-all; // 换行
display: -webkit-box;
-webkit-box-orient: vertical;
width: 90%;
但是要是多个div 要统一高度的话,需要加
height: 20px;
这个时候不同手机会出现溢出情况,这里的00应该隐藏,却在部分手机出现
此时,只要加一个line-height就可搞定,多少行就多少倍
line-height: 10px; // 2行,总高20px
没有溢出