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

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

请参阅示例 此处