像aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa这样的文本超过了div的宽度(比如200px)，如何被包装?
我是开放的任何一种解决方案，如CSS, jQuery等。
当前回答
在IE、Firefox、chrome、safari和opera中，如果单词中没有空格(比如一个很长的URL)，唯一适用的方法是:
div{
width: 200px;
word-break: break-all;
}
我发现这个是防弹的。
其他回答
<p style="word-wrap: break-word; word-break: break-all;">
Adsdbjf bfsi hisfsifisfsifs shifhsifsifhis aifoweooweoweweof
</p>
试试这个:
div {
width: 200px;
word-wrap: break-word;
}
你可以像这样使用软连字符:
啊
这将显示为
aaaaaaaaaaaaaaa-
aaaaaaaaaaaaaaa
如果装盒不够大，或者
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
如果是的话。
在引导3中，确保空白没有设置为“nowrap”。
div {
width: 200px;
word-break: break-all;
white-space: normal;
}
跨浏览器
.wrap
{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
