有没有办法在div中包装长单词？

Question

我知道Internet Explorer有一个自动换行的样式,但我想知道是否有跨浏览器方法这样做才能在div中进行文本处理.

CSS,但JavaScript代码段也可以正常工作.

编辑:是的,指的是长串,欢呼伙计!

Answer 1

阅读原始评论,rutherford正在寻找一种跨浏览器的方式来包装不间断的文本(通过他使用IE的自动换行来推断,旨在打破不间断的字符串).

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

我现在已经习惯了这个课程,并且像魅力一样.(注意:我只在FireFox和IE中测试过)

Answer 2

在Firefox 38.0.5中,以前的大部分答案都不适用于我.这样做......

<div style='padding: 3px; width: 130px; word-break: break-all; word-wrap: break-word;'>
    // Content goes here
</div>

文档:

• 字断
• 自动换行

Answer 3

white-space: pre-wrap

quirksmode.org/css/whitespace.html

Answer 4

Aaron Bennet的解决方案对我来说非常合适,但我不得不从他的代码中删除这一行 - > white-space: -pre-wrap;因为它发出错误,所以最终的工作代码如下:

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

非常感谢你