在<div> </div>中拆分文本

Question

我有一个很长的文字没有空格。例如，

<div style="width: 179px">
WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
</div>

我想将此文本拆分为最大宽度为179px的行。你知道怎么做吗？

Answer 1

使用CSS。

word-wrap: break-word;

Answer 2

我认为css3 word-wrap:break-word属性会为您排序。

Answer 3

将样式word-wrap: break-word;添加到div。它是一个CSS3属性，适用于所有浏览器（甚至是IE5！）

Answer 4

您可以应用CSS样式“word-wrap：break-word;”到元素。

Here's an example

您还可以将WBR标签应用于该单词，并根据这些标签对其进行拆分。

Here's an example of that
Learn more about wbr tags

Answer 5

这不适用于所有浏览器，但它至少应该适用于大多数浏览器（这是CSS）：

#your_div {
  white-space: pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

Answer 6

我建议word-wrap: break-word

Answer 7

请参阅下面的链接，

http://jsfiddle.net/xj56D/2/

Answer 8

使用word-wrap: break-word：

http://jsfiddle.net/gilly3/fS5cX/