文字均匀分布:
例如:就诊时间
性 别
text-align-last: justify;
超出文字不换行 省略号展示
例如:你真的..
div{
width: 100px;
overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
}
超出指定多行文字进行省略号展示
例如:这就是真理真理真理
真理真理真理理理...
div {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
width: 50px;
}
网友评论