html文字超出自动换行

如果想要让 HTML 文字自动换行，可以使用 CSS 的 `word-wrap` 和 `white-space` 属性。具体方法如下：

1. 使用 `word-wrap: break-word;` 让单词在边界处断开。

<div style="word-wrap: break-word;">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae libero euismod, bibendum odio in, porttitor nulla. Aliquam eu feugiat neque. Etiam blandit leo vel justo porta condimentum. Sed et urna id magna vulputate semper. Integer auctor, nisi quis interdum lobortis, elit ex vestibulum augue, at egestas nulla lorem ut enim.
</div>

2. 使用 `white-space: pre-wrap;` 让空格和换行符被保留，同时允许文本自动换行。

<div style="white-space: pre-wrap;">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae libero euismod, bibendum odio in, porttitor nulla. Aliquam eu feugiat neque. Etiam blandit leo vel justo porta condimentum. Sed et urna id magna vulputate semper. Integer auctor, nisi quis interdum lobortis, elit ex vestibulum augue, at egestas nulla lorem ut enim.
</div>

这样就可以让 HTML 文字自动换行了。