我們經(jīng)常遇到div寬度固定，單行字符有限，文字信息顯示不全，影響閱讀性和SEO優(yōu)化，有沒(méi)有讓你抓狂呢？

下面就大家一個(gè)CSS控制單行長(zhǎng)度和字符個(gè)數(shù)的方法 兼容各大瀏覽器，隱藏多余字符，用“...”代替。

兼容性：

IE6測(cè)試兼容，IE7測(cè)試兼容，，IE8測(cè)試兼容，IE9測(cè)試兼容，Chrome測(cè)試兼容，F(xiàn)ireFox測(cè)試兼容，Opera測(cè)試兼容。

CSS代碼：

1. .mubanzhijiali{/*標(biāo)簽可以定義多個(gè)，不過(guò)請(qǐng)注意width屬性，最好將width屬性去掉*/
2. display:block;/*定義為塊級(jí)；這個(gè)屬相很重要，沒(méi)有這個(gè)屬性，很難實(shí)現(xiàn)單行寬度的效果*/
3. width:100%;/*要顯示文字的寬度提醒：可以將此屬性剔除，然后就可以多標(biāo)簽的實(shí)現(xiàn)單行控制了*/
4. float:left;/*左對(duì)齊*/
5. overflow:hidden;/*超出的部分隱藏起來(lái)。*/
6. whitewhite-space:nowrap;/*不顯示的地方用省略號(hào)...代替*/
7. text-overflow:ellipsis;/*支持IE*/
8. -o-text-overflow:ellipsis;/*支持Opera*/
9. }

按上面的方法就可解決隱藏多余字符，用“...”代替了。