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：將溢出文本隱藏（否則會在一行內強制顯示並超出容器寬度）。

自己測試了一下，將此屬性用到div裏面能用，用到td裏面就沒有效果了