CSS截取字符串顯示省略號

       有時候，爲了不頁面中某個Div的內容過多，而致使頁面變形，咱們一般在CSs中定義overflow:hidden，這樣會不顯示文字，不過看上去 用戶體驗不太好，爲了得到最佳的用戶體驗，咱們在隱藏文字的同時，能夠在文字後邊顯示省略號，CSS中有現成的方法能夠用，好比下面對CSS的定義：

1    /*CSS代碼以下：*/    
2    show{     
3    overflow:hidden;    
4    white-space:nowrap;    
5    text-overflow:ellipsis;    
6    /*爲你顯示文字的div添加寬度定義，當超出寬度時會自動添加省略號*/    
7    width:30px;    
8    }

    text-overflow:ellipsis就是顯示省略號