如何制作div断线？

Question

我有以下代码：

.thing {
  width: 90%;
  height: 400px;
  padding: 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;
}

使用word-break

Answer 2

这种情况发生了，你没有增加空间

只需在“aa＆＃39;之间添加一个空格即可。 喜欢这样＆gt; ＆＃39; aaaaaa aaaaaa＆＃39; 12个字符

没有字

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

word-break:break-all;