在寫最新消息時,最討厭就是套上程式後,標題文字只要超過,整個版型就都跑掉,如果不以javascript控制的話,只要加上以下語法,即可將超過一定寬度的文字以…顯示或隱藏。
不過這個方法只有在IE6.0適用,IE7.0、火狐的話則是直接將多餘文字隱藏起來。
li{
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow:hidden;
}
✪將寬度的px換成em為單位,則可改成限制字數。即為超過一定的數字不顯示!
效果如下↓
文章標籤
全站熱搜
留言列表