1. 程式人生 > >CSS 控制容器內文字個數,超出容器後顯示省略號 小技巧,大用處

CSS 控制容器內文字個數,超出容器後顯示省略號 小技巧,大用處

注意:css3標準,ie6,  不支援firefox

容器 {
   width:200px;
   white-space:nowrap;
   text-overflow:ellipsis;
   overflow: hidden;
   }
 

white-space:nowrap  是強制在一行內顯示所有文字,不回行。

text-overflow:ellipsis  CSS3新增的屬性,IE6以上版本支援。
引數:
   clip        [不顯示省略標記(...),而是簡單的裁切],
   ellipsis [當物件內文字溢位時顯示省略標記(...)。

overflow: hidden,讓多餘文字在ff中隱藏。