Iphone webkit的CSS/HTML文本换行

如果你的状态太长的话，我正试图达到facebook包装你状态的效果。 尝试使用webkit用户代理将您的状态设置为大约300个“A”字符。他们是怎么做到的

是的。。。我知道你可以使用： 换行：打断单词

我在谷歌上搜索了很多，所有这些技巧只有在你可以预先设置宽度的情况下才有效，而我不能。 我的宽度正在调整为100%屏幕大小，以便在调整大小（横向）时进行拉伸

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

我可以注意到FB在父容器上使用此属性：

-webkit-box-sizing: content-box

---

但我无法将此应用到我的案例中…

我假设在将其应用到前端之前，是通过服务器端语言实现的。当您拥有如此庞大的用户群时，您通常希望远离内容操纵。有一个新的CSS3属性可以为您做到这一点，但它没有得到广泛的支持

text-overflow:ellipsis;

---

更多信息可以通过谷歌找到，我认为在提供给前端之前，服务器端语言就是这样做的。当您拥有如此庞大的用户群时，您通常希望远离内容操纵。有一个新的CSS3属性可以为您做到这一点，但它没有得到广泛的支持

text-overflow:ellipsis;

---

更多信息可以通过谷歌找到我想我知道你在找什么

诀窍在于：

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

---

查看此JSFIDLE进行演示

我想我知道您在寻找什么

诀窍在于：

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

---

查看此jsfiddle进行演示

省略号仅在一行（无换行）时有效，但他们设法绕过了这一点。我很确定这是在客户端大小上完成的，因为当你调整窗口大小时，文本就在那里换行了…我的意思是真正的问题是如何在不使用CSS中的“width:XYZ”的情况下设置父元素的宽度。也许我们可以使用一些新的webkit属性？如果是这样的话，可以使用JavaScript来完成，在JavaScript中，他们可以观察窗口的相对宽度，并相应地调整文本。他们在facebook上做了一些疯狂的事情。我很想和他们坐在一起学习几天。省略号只有在一行（没有包装）的情况下才起作用，但他们还是设法绕过了这一行。我很确定这是在客户端大小上完成的，因为当你调整窗口大小时，文本就在那里换行了…我的意思是真正的问题是如何在不使用CSS中的“width:XYZ”的情况下设置父元素的宽度。也许我们可以使用一些新的webkit属性？如果是这样的话，可以使用JavaScript来完成，在JavaScript中，他们可以观察窗口的相对宽度，并相应地调整文本。他们在facebook上做了一些疯狂的事情。我很想和他们一起坐几天学习。