在一个div中包装长单词？

 

我知道Internet Explorer有一个单词包装风格，但我想知道是否有一个跨浏览器的方法来这样做文本在div中。

最好是CSS而JavaScript片段也可以。

编辑：是的，指长字符串，欢呼人们！

阅读最初的评论，rutherford正在寻找一种跨浏览器的方式来包装完整的文本（通过使用IE的word wrap来推断，旨在打破不间断的字符串）。 

/* 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中测试过）

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

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

文档：

  • 字断
  • 自动换行 
    • white-space: pre-wrap

    quirksmode.org/css/whitespace.html

    链接地址: http://www.djcxy.com/p/28069.html

    上一篇: wrap long words in a div?

    下一篇: IE8 gradient filter not working if a background color exists