用css實現文本不換行切超出限制時顯示省略號（小tips）

max 省略號 over 顯示寬度 width code wid ellipsis

div{
    max-width: 500px; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;/*文本不換行*/
}

如上代碼所示，限制文段寬度，可用width或max-width，方法簡單但實用。

« 上一篇

max 省略號 over 顯示寬度 width code wid ellipsis div{ max-width...

注意：css3標準，ie6, 不支援firefox 容器 { width:200px; white-space:...

只有谷歌瀏覽器可以： <!DOCTYPE h...

文字超出寬度後，顯示省略號的解決辦法overflow...

程式碼：<!DOCTYPE html> <html> <head> &...

text-overflow屬性這個屬性針對那些在塊級元素溢位的內容有效。文字可能在以下情況下溢位： ...

滾動 clas spl src ips eight text alt bsp .text-ellipsis { ...

.text1 {/*單行*/ width:200px; overflow:hidden; text-overfl...

.s-item text { display...

.net blog cnblogs 換行 span cal size 實現 flow 轉載自http://blog.csdn...