块内容中的文本溢出

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