聲明：此文章為轉載（點擊查看原文），如有侵權24小時內刪除。聯系QQ：1522025433. 對於單行文字, 很簡單.(詳見css3產考手冊 進入) css: 對於多行文字, ...

1.單行文本溢出需要滿足三個條件： 　　overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 2.多行文本溢出需要滿足下面幾個條件： 　　display:-webkit-box; overflow:hidden ...

CSS3中text-overflow支持以...代替超出文本。 　　1.div1：默認狀態。超出文本默認顯示在div外 　　2.div2：text-overflow:ellipsis; 使用text-overflow以...代理超出文本 　　3.div3：如果文本換行被設置為默認 ...

text-overflow:ellipsis;要達到的效果是：文字超出容器寬度時，文字被隱藏的文字用省略號代替。所以該屬性只能用於塊狀元素或行內塊元素中，對行內元素是不起作用的。 一般和white-space:noworp;(強制文字不換行)，overflow:hidden;(文字溢出隱藏 ...