在IE下如何讓超出寬度的文字顯示為省略號

2021-07-09 07:12:09 字數 432 閱讀 6490

text-overflow:ellipsis;

width:***px;

overflow:hidden;

white-space:nowrap;

解釋:

1.  text-overflow:clip | ellipsis

預設值為clip。不顯示省略號標記,只是簡單的裁剪

ellipsis:當物件內文字溢位時顯示省略號;

2.  overflow:hidden;如果沒有,文字會橫向撐到容器的外面

3.width寬度是一定要的。

4.white-space:如何處理文字中的空白符(比如空格和換行符)

normal:預設值, 空白會被瀏覽器忽略

pre:空白會被瀏覽器保留。

normal:文字不會換行,文字會在同一行上繼續,直到遇到

標籤為止

解決Button在IE6 7下的自適應寬度問題

很早就遇到過這麼個小問題,但由於其並未影響到實際作用和美觀就沒有正面解決它,現在,我們來試著解決它。寫乙個button,有兩種方式 其一,直接button標籤 其二,input type button 不管哪種方式,button的寬度在ie6 7下總是不能完美,接下來我們演示乙個普通的button,...

解決Button在IE6 7下的自適應寬度問題

寫乙個button,有兩種方式 其一,直接button標籤 其二,input type button 不管哪種方式,button的寬度在ie6 7下總是不能完美,接下來我們演示乙個普通的button,你可以用ie6或者ie7瀏覽器看看其顯示寬度,然後對比chrome或者ie8等瀏覽器,你會發現bug...

如何讓DIV在內容不固定的情況下寬度剛好顯示完內容

一般來說,table預設情況下,td的寬度會隨著內容的變化而變化,而且寬度為內容的實際寬度,這樣省去了很多容器自適應寬度的 由於div是block級別元素,div的預設寬度是100 的瀏覽器解析度寬度。所以在div裡面的內容不夠多時,會有一大段留白 引用 測試div自適應寬度為正好能顯示完內容 輸出...