css截斷長文本顯示

標籤：

截斷長文本顯示處理，以前是通過背景截取，但這種方法容易遺失資料，不利於SEO。

而通過前端css的截斷，則靈活多變，可統一運用與整個網站。

這項技術主要運用了text-overflow屬性，這個雖是css3的屬性，但是在各大瀏覽器卻相容

非常好，ie6系列全部相容。

        .e{            display:inline-block;width: 40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;        }        .e:hover{            cursor: pointer;text-overflow: clip;width: auto;        }     <span class=‘e‘>abcdddsdsafdsacdsavdsac</span>

寬度需要指定，這樣設定隱藏的寬度，而且也可出發IE67的hasLayout。

css截斷長文本顯示