文本正在从容器中出来，并且仅出现在一行中并从页面中消失

Question

我正在尝试使用 Django 管理中的富文本上传字段将一些文本添加到我的项目详细信息部分。它应该在一个段落中，因为我已将它们添加到我的 Django 管理项目描述中，但它显示了一条线，并且它超出了容器，但它在容器的左侧提供了空间，但在右侧没有提供空间容器的内容，它会超出页面。

这是我的

project-details.html

页面：

{% extends "base.html" %}
{% load static %}
{% static "images" as baseUrl %}

{% block title %}{{projectdetails.title}}{% endblock %}

<!--header block -->
{% block header %}

<!-- Slider Start -->

<section class="section about">
    <div class="container">{{projectdetails.desc|safe}}</div>
        

</section>


<!--slider ends -->

<!-- footer Start -->

{% block footer %}

<!--Essential Scripts -->

{% block Scripts %}


{% endblock %}
{% endblock %}
{% endblock %}

这是我的

project.html

页面：

{% extends "base.html" %}
{% load static %}
{% static "images" as baseUrl %}

{% block title %}Project{% endblock %}

<!--header block -->

{% block header %}
<!-- slider starts -->
</div>
<div class="typing">
    <p class="type4"></p>

</div>

<!-- section portfolio start -->
<section class="section box">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="heading text-center">
                    <p>We have the best experts to elevate your business to the next level, try is and you will see! We have the best experts to elevate your </p>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row ">
            {% for projects in projectdetails %}
            <div class="col-lg-4 col-md-6">
                <div class="portflio-item position-relative mb-4">
                    <a href="{% url 'project-details' id=projects.id %}" >
                        <img src="{{projects.img.url}}" alt="" class="img-fluid w-100">
                        <div class="overlay-item"><i class="ti-link"></i></div> 
                        
                        <div class="portfolio-item-content">
                            <h3 class="mb-0 text-white">{{projects.title}}</h3>
                            <p class="text-white-50">{{projects.category}}</p>
                        </div>
                    </a>
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
</section>

<!--slider ends -->

<!-- footer Start -->
{% block footer %}

<!-- section portfolio END -->

{% endblock %}
{% endblock %}

这是我的

models.py

部分：

class projectdetail(models.Model):
    title = models.CharField(max_length=100)
    desc = RichTextUploadingField(blank=True, null=True)
    category = models.ForeignKey(category, on_delete=models.CASCADE)
    client =models.CharField(max_length=100)
    startdate = models.DateTimeField(auto_now=False,auto_now_add=False)
    enddate = models.DateTimeField(auto_now=False,auto_now_add=False)
    img = models.ImageField(upload_to='pics')
    url = models.URLField(
        validators=[URLValidator(message="Enter a valid URL.")]
    )

现在我面临这个问题，如下图所示。

我想像容器中的段落一样正确显示这些行。

Answer 1

使用

word-wrap

请参阅示例 此处