Html 空的<;p>;标签会自动插入,我该如何处理它?

Html 空的<;p>;标签会自动插入,我该如何处理它?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,当呈现页面时,会自动插入一个空的标记,我不知道如何去除它。这会在网页上添加不需要的空间 我不知道怎样才能摆脱它。我正在尝试将的边距底部设置为0px,即使这样也没有得到应用 我真的很感谢任何能帮助我解决这个问题的人 提前谢谢 下面是呈现HTML块的代码: 标记是动态生成的,但不确定它是如何从代码生成的 {% if job_detail.type != '' and job_detail.type is not None or job_detail.age_limit != '' and job_

当呈现页面时,会自动插入一个空的

标记,我不知道如何去除它。这会在网页上添加不需要的空间

我不知道怎样才能摆脱它。我正在尝试将
的边距底部设置为0px,即使这样也没有得到应用

我真的很感谢任何能帮助我解决这个问题的人

提前谢谢

下面是呈现HTML块的代码:

标记是动态生成的,但不确定它是如何从代码生成的

{% if job_detail.type != '' and job_detail.type is not None or job_detail.age_limit != '' and job_detail.age_limit is not None %}
     <hr />
     <div class="row">
     {% if job_detail.type != '' and job_detail.type is not None %}
       <div class="col-md-6">
         <h3 class="card-title topic-title">JOB TYPE</h3>
         <p class="card-text topic-text last-child">{{ job_detail.type|linebreaks }}</p>
       </div>
     {% endif %}
     {% if job_detail.age_limit != '' and job_detail.age_limit is not None %}
       <div class="col-md-6 mt-4 mt-sm-4 mt-md-0">
         <h3 class="card-title topic-title">AGE LIMIT</h3>
         <p class="card-text topic-text last-child">{{ job_detail.age_limit|linebreaks }}</p>
       </div>
     {% endif %}
     </div>
   {% endif %}
{%如果job_detail.type!=''和job_detail.type不是None或job_detail.age_limit!=''和job_detail.age_limit不是None%}

{%if job_detail.type!=''且job_detail.type不是None%} 工作类型

{{job_detail.type | linebreaks}

{%endif%} {%如果job_detail.age_limit!=''并且job_detail.age_limit不是None%} 年龄限制

{{job_detail.age_limit|linebreaks}

{%endif%} {%endif%}
您可以将“显示:无;”分配给此自动生成的空白p标记。我建议添加child“.card title”的类父元素(.col-md-6),然后使用p:last-child伪元素将其设置为“display:none”。它会解决你的问题。我已经为您编写了一个代码片段,以便您更好地了解这种方法,但是当您尝试实现它时,请按照上面几行中提到的添加类。为了便于参考,请在项目的标题部分添加以下代码段:

<style type="text/css">
    .card.mt-2 .card-body.pt-3.pb-3 > .row > .col-md-6 p:last-child {
        display:none;
      }
 </style>

.card.mt-2.card-body.pt-3.pb-3>.row>.col-md-6 p:最后一个孩子{
显示:无;
}

@Shahzan,欢迎来到这里,通常这是移除p标签的最佳方式,因为你不需要它。 如果你已经在你的网页中包含了引导,你可以使用css类,比如“pb-2”来修复底部的填充

我认为你的工具会生成一个p标签。 也许你可以告诉我们更多关于你的设置

你也应该使用一些更好的IDE,可能是PHPStorm、Atom或Sublime


我可以通过在段落标记“``页边距底部添加以下样式来解决此问题:0!重要的


谢谢大家的时间和帮助

如果您不显示html的生成位置,没有人能够帮助您。非常感谢您的快速响应。我确实尝试过将您的代码片段添加到head部分,还将最后一个子元素作为类添加到p标记中,但没有成功。@Shahzan:您能为这个添加更多的代码片段吗。我将理解代码的实际层次结构,并为您提供最佳解决方案。另外,我假设这个空的

标记是动态生成的。如果它是静态的,或者我可以说在你的控制下,移除这个标签是最好的选择。再次感谢,我已经在问题的末尾添加了这个标签。我希望这能让事情变得更清楚。谢谢你的回复@larabee。我用的是原子。