css - block 内容中的文本溢出

Question

我想制作一个简单的博客，当用户单击索引页面上新帖子列表中的标题时，它会显示帖子的详细信息。但是，我意识到我的帖子详细信息在我的 block mycontent 中显示溢出，这就是我所做的:

base.html 有这样一行:

<div class="col-md-8">
    {% block mycontent %}
    {% endblock %}
</div>

我的 read_post.html

{% block mycontent %}
    <h3>{{ post.title }}</h3>
    <code>{{ post.publish }}</code><br>
    {{ post.content|linebreaks }}
{% endblock %}

当我有长文本时，这是我的结果，我希望它有一个换行符并且不会从 block mycontent 溢出。我正在为主题网站使用 boostrap

Answer 1

您是否尝试过 word-wrap: break-word 属性？

- Word-wrap allow long words to be able to break and wrap onto the next line
- break-word allows unbreakable words to be broken