2013-09-25

一個CSS3好用的功能「...」

標題的...不是沒打完或無言,是真的就...

有時候我們想限制一個區塊可顯示的字數,如果超過這個字數就用「...」咖掉,以往都要用程式來判斷,現在CSS3只要簡單一行就搞定



text-overflow:ellipsis;

只要在要限制顯示字數的DIV設定這個,超過這個DIV寬度的字就會自動被咖掉然後顯示「...」囉

超好用!!

點我看範例

沒有留言:

張貼留言