用於webkit的CSS/HTML文本換行

我想要達到與facebook包裝狀態一樣的效果，如果它太長。嘗試使用webkit用戶代理將您的狀態設置爲300個「A」字符。他們如何做到這一點？用於webkit的CSS/HTML文本換行

是......我知道你可以使用：自動換行：打破字

我用Google搜索了很多，如果你能事先設定的寬度，我不能所有這些技巧只能工作。我的寬度調整爲100％的屏幕大小，以允許在調整大小（橫向）時拉伸。

所以總結一下，如何在不使用JS的情況下在webkit瀏覽器下實現文本換行而不給元素或父元素指定特定的寬度？

我注意到FB使用父容器此屬性： -webkit-箱尺寸：內容盒

但我不能將其應用到我的情況......

謝謝！

我會假設在給予前端服務器端語言之前，這樣做是通過服務器端語言完成的。當您擁有如此龐大的用戶羣時，您通常希望遠離內容操作。有一個新的CSS3屬性可以爲你做到這一點，但並沒有得到廣泛的支持。

text-overflow:ellipsis;

更多信息，可以通過谷歌

找到

2011-02-23 02:29:54 Seth

省略號只會工作，如果它是一行（不包裝），但他們莫名其妙老去這個。我很確定它是在客戶端大小上完成的，因爲當你調整窗口的大小時，文本包裹在那裏... – 2011-02-23 02:31:50

我的意思是真正的問題是如何在不使用「width：XYZ」的情況下設置父元素的寬度你的CSS。也許有一些我們可以使用的新的webkit屬性？ – 2011-02-23 02:36:27

如果是這種情況，可以用JavaScript來完成，他們會在其中觀察寡婦的相對寬度並相應地調整文本。他們在臉書上做了一些瘋狂的事情。我很樂意和他們坐在一起幾天學習。 – Seth 2011-02-23 02:36:40

我想我知道你在找什麼，

訣竅是的組合：

text-overflow:ellipsis; 
white-space:nowrap; 
overflow:hidden;

看到這個的jsfiddle爲一個示範http://jsfiddle.net/bPsav/

2013-05-21 07:17:10

回答