html - 如何使div断线？

Question

我有以下代码：

.thing {
  width: 90%;
  height: 400px;
  border: 10px solid #000;
}

<div class="thing">
  aaaaaaaaaaaa
</div>

问题是当我添加很多内容时，文本会从 div 中消失！

如何仅使用 CSS 解决此问题？

Answer 1

.thing {
width: 90%;
height: 400px;
padding: 10px solid #000;
word-break:break-all;
}

使用分词

Answer 2

发生这种情况是因为您没有增加空间

只需在 'aa' 之间添加一个空格，就像这样 > 'aaaaaa aaaaaa' 没有12 个字符的单词

但是如果您需要这个长词，请使用

word-break:break-all;