文字一行,多余显示...
.oneLine{
white-space:nowrap;/*文本不进行换行*/
overflow:hidden;/*超出内容不可见*/
text-overflow:ellipsis;/*省略号*/
display:block;
width:200px;
}
文字多行,多余显示...
.twoLine{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; /*超出几行显示改为几*/
display:block;
width:200px;
}
文字两端对齐
.justifyText{
display: inline-block;
width: 90px;
text-align: justify;
text-justify:distribute-all-lines; /*兼容ie*/
text-align-last: justify;
}