块内容中的文本溢出

Question

我想制作一个简单的博客，当用户单击索引页面上新帖子列表中的标题时，它会显示帖子的详细信息。但是，我意识到我的帖子细节在我的块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 %}

这是我有长文本时的结果，我希望它有一个换行符并且不会从块 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