css超出显示省略号、文字两端对齐

文字一行，多余显示...

.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;
}