文本超過寬度顯示省略號

文本超過寬度，以省略號顯示有2種，

第一種單行不換行

<style>
.text1 {
    width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:nowrap;
}
</style>

　　

 

第二種2行或者2行以上的文本要在結尾省略號超出部分

    width:200px;    
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;