长线没有进入下一步，它只是继续前进。我该如何解决？

Question

我的模板中有两个段落（评论系统和回复系统），它们不会进入下一行。 例如，它应该是一行中的四个，另一行中的四个。但它是aaaaaaaa。所以当它真的很长时，它永远在水平aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa。 这个或简单的JavaScript有css工作，所以我可以阻止这个吗？

<div class="aboutComment">
    <span style="margin:5px;">
    {{ comment.get_comment }}</span> 
    </div>

Answer 1

您可以将其添加到CSS文件中：

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

Answer 2

使用word-wrap: break-word：

.aboutComment span {
  word-wrap: break-word;
}

<div class="aboutComment">
  <span style="margin:5px;">
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  </span>
</div>