在寫最新消息時,最討厭就是套上程式後,標題文字只要超過,整個版型就都跑掉,如果不以javascript控制的話,只要加上以下語法,即可將超過一定寬度的文字以…顯示或隱藏。

不過這個方法只有在IE6.0適用,IE7.0、火狐的話則是直接將多餘文字隱藏起來。

 

li{

width:200px;

white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow:hidden;

}

 

✪將寬度的px換成em為單位,則可改成限制字數。即為超過一定的數字不顯示!

效果如下↓

css3  

arrow
arrow

    螺絲帽帽/記錄者 發表在 痞客邦 留言(0) 人氣()