有没有办法在一个div中包装长字？ [英] Is there a way to word-wrap long words in a div?

问题描述

我知道Internet Explorer有一个单词换行的风格，但我想知道是否有一个跨浏览器的方法，在文本中的div。

最好是CSS，但JavaScript代码段也可以正常工作。

编辑：是的，引用长字符串，欢呼民众！

读取原始评论，rutherford正在寻找跨浏览器方式封装完整文字（推断为他使用的IE换行，旨在打破不间断的字符串）。

  / *源：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测试）

I know Internet Explorer has a word-wrap style, but I'd like to know if there is a cross-browser method of doing so to text in a div.

Preferably CSS but JavaScript snippets would work ok too.

edit: Yeah, referring to long strings, cheers folks!

解决方案

Reading the original comment, rutherford is looking for a cross-browser way to wrap unbroken text (inferred by his use of word-wrap for IE, designed to break unbroken strings).

/* 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 */
}

I've used this class for a bit now, and works like a charm. (note: I've only tested in FireFox and IE)

这篇关于有没有办法在一个div中包装长字？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！