webkit的CSS / HTML文本换行

Question

如果它太长，我试图达到与包裹你的状态相同的效果。尝试使用webkit用户代理将您的状态设置为300“A”字符。他们是怎么做到的？

是的...我知道你可以使用：自动换行：break-word

我googled很多，所有这些技巧只有你可以提前设置宽度，我不能。我的宽度调整为100％的屏幕尺寸，以便在调整大小（横向）时进行拉伸。

总而言之，如何在不使用JS的情况下，在webkit仅浏览器下，在不给元素或父元素赋予特定宽度的情况下实现文本换行？

我注意到FB在父容器上使用了这个属性：

-webkit-box-sizing: content-box

但我无法将此应用于我的案例......

Answer 1

我认为在给予前端之前使用服务器端语言就是这样做的。当您拥有如此庞大的用户群时，通常希望远离内容操作。有一个新的CSS3属性将为您执行此操作，但它没有得到广泛支持。

text-overflow:ellipsis;

可以通过Google找到更多信息

Answer 2

我想我知道你在找什么，

诀窍是组合：

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

请参阅此jsfiddle以获得演示http://jsfiddle.net/bPsav/