div顯示固定長度的內容（text-overflow）

web開發過程中，有時候從數據庫查出來的數據過長，前臺頁面如果沒有控制好，會顯示很長的數據，影響美觀，而用後臺去控制長度有些麻煩。這個時候就需要只顯示固定的長度，將多餘的內容以“......”或者直接截取不顯示，可以使用 
                 text-overflow:clip 或者text-overflow: ellipsis
                 clip：不顯示省略標記(...)，而是簡單的裁切
                 ellipsis：當對象向內文本溢出時顯示省略標記(...)

代碼如下：

<div  style="width:30px;  text-overflow:ellipsis;     white-space:nowrap; overflow:hidden;">  
       abcdefghijklmnopqrstuvwxyz   
</div>  
註解： width:20px  限定需要顯示的字符的長度，
           text-overflow:ellipsis ：當前元素內長文本溢出時顯示省略號(注意，此屬性需和下面兩個屬性同時使用)
           white-space:nowrap：強制文本在一行內顯示
           overflow:hidden：將溢出文本隱藏（否則會在一行內強制顯示並超出容器寬度）。