如何在 div 或 span 中制作无单词空间的单词，以便所有单词都以 div 宽度显示 [重复]答案

【问题标题】：How to make word-space-free words in a div or span so that all words are displayed in div width [duplicate]如何在 div 或 span 中制作无单词空间的单词，以便所有单词都以 div 宽度显示 [重复]
【发布时间】：2019-03-26 13:22:04
【问题描述】：

我无法在有限的div 或span 中显示一些没有空格的单词。

这是示例代码：

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


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

我想显示如下：

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

谢谢

【问题讨论】：

欢迎来到 Stack Overflow！预计您至少会尝试自己编写代码。我建议你做一些additional research，通过谷歌或搜索SO，尝试一下。如果您仍然遇到问题，请返回您的代码并解释您尝试过的操作。
对不起，我搜索并没有得到任何结果。也许没有正确搜索。下次我搜索更多。

标签： html css

【解决方案1】：

这行 CSS 应该为你做：

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

或者，在“background-color: blue”之后添加这个

;overflow-wrap: break-word

【讨论】：

【解决方案2】：

用途：

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>

【讨论】：

【解决方案3】：

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


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

【讨论】：