首先平時(shí)用的時(shí)候要配合
overflow: hidden;
white-space: nowrap;
這兩個(gè)屬性讓起溢出隱藏和不換行,然后IE8用的時(shí)候記得不要加
word-berak:break-all;
word-wrap:break-word;
這樣斷開了,在IE8里面是不會(huì)變成省略號(hào)的(但是在IE6/7/FF/Chrome都沒有問題),其實(shí)都單行省略了,本來也沒有必要斷詞~-_-!
所以一般標(biāo)準(zhǔn)組合就是:
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis; /* for Opera */
text-overflow: ellipsis; /* for IE */
基本通殺所有瀏覽器了~
哦,對(duì)了,忘了說,像<a>這類默認(rèn)非塊的元素,要加上display:block;才有效果哦`,..嗯嗯,別忘了width或者max-width.
新聞熱點(diǎn)
疑難解答
圖片精選