CSS - 最大寬度和橢圓

我有一個跨度將包含文本。我希望跨度擴展到最大500px以容納裏面的文本。在達到最大值後，我希望文本顯示任何溢出最大寬度的文本的省略號。這可能嗎？我嘗試了以下方法，但這並不能解決問題。CSS - 最大寬度和橢圓

感謝

{ 
    position: absolute; 
    top: 13px; 
    left: 44px; 
    max-width: 500px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
}

來源

2010-06-03 Steve

您嘗試了哪種瀏覽器？ Firefox例如不支持'text-overflow：ellipsis;'-setting。 – 2010-06-03 13:25:55

這篇文章可能會幫助你，至少在模擬FF： http://www.jide.fr/english/emulate-text-overflowellipsis-in-firefox-with-css – edl 2010-06-03 13:44:27

這個JavaScript將截斷文本，並添加省略號。（沒有在一個詞或標記的中間打破它）

Barelyfitz Truncate js。

不知道在我的瀏覽器兼容，但它應該工作:)

希望它能幫助。

來源

2010-06-03 13:46:17 Kyle

跨度顯示：默認爲內聯，當分配了尺寸時會導致奇怪的行爲。無論如何，如果它被絕對定位，則應該使用div或將span設置爲顯示：block。

我不確定這是否會解決您的問題，但這是一個開始:)

來源

2010-06-03 15:59:22

謝謝，我發現這個問題通過谷歌和我的''標籤上設置'display：block'用省略號是問題 – Wylie 2011-07-21 07:38:06

'display：block'對於我想做的事情不是很好，但'display：inline-block'完美無缺。我也想要有長度有限的''標籤。 – Ale 2014-10-13 20:20:31

CSS - 最大寬度和橢圓

回答

相關問題