文字只顯示若干行，多出部分省略號顯示。

mark一個文字多出部分省略號顯示的方法

一、如果只有一行可以使用如下方法

<style>
#test{
    width: 100px; 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
    -o-text-overflow：ellipsis;
}
</style>

width是必須屬性（不然哪裏知道一行有多長...）

white-space：nowrap的意思是不換行，另外該屬性還有可能的值normal，pre，pre-wrap，pre-line，inherit

text-overflow：ellipsis的意思爲使用省略號代替修剪的文本，另外該屬性還有可能的值clip,string

支持低版本的opera一個辦法，就是-o-text-overflow：ellipsis

ps:該方法只能支持超過一行時候顯示省略號

二、多行文本時，末尾顯示省略號

<style>
.vipText{
    height: .2rem;
    width: .97rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
}
</style>

要顯示幾行就把-webkit-line-clamp:1;後面的值改成幾就行，此處需要注意的是高度和寬度是必須的值。

另外該方法對於火狐瀏覽器並不支持....可以考慮在火狐中就使用overflow:hidden...省略號什麼的好像也沒那麼重要嘛~