如何在div或span中制作无单词空间的单词，以便所有单词以div宽度显示

Question

我遇到了一些宽度限制为div或span的无空格单词的问题。

这是示例代码：

.abc {
  width: 200px;
  height: auto;
  min-height: 100px;
  background-color: blue
}


<div class="abc">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

我想显示如下：

http://oi64.tinypic.com/2mnqkco.jpg

谢谢

Answer 1

使用：

word-wrap: break-word

在您的css框中。

这是您的代码，可以正常工作：

<style>
    .abc{width: 200px;height: auto;min-height: 100px;background-color: blue; word-wrap: break-word}
</style>
<div class="abc">
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

Answer 2

这行CSS应该为您做到：

.abc {
  overflow-wrap: break-word;
}

或者，在“ background-color：blue”之后添加

;overflow-wrap: break-word

Answer 3

<div class="abc">
  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>  


  .abc{
         width:200px;
          word-wrap: break-word;
        }