[一个空标签会自动插入,如何清除它?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[一个空标签会自动插入,如何清除它?相关的知识,希望对你有一定的参考价值。

呈现页面时,将自动插入一个空的<p></p>标签,我不确定如何摆脱它。这会在网页上添加多余的空间。

Screenshot the Chrome Developer Tools with the <p> tag in question being highlighted

我不确定如何摆脱它。我正在尝试将<p>的边距底部设置为0px,即使也没有应用。

我将非常感谢能帮助我解决此问题的任何人。

提前感谢!

以下是呈现html块的代码:<p></p>标签是动态生成的,但不确定如何从代码中生成。

% 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 %
答案

@@ Shahzan,欢迎您,通常,这是删除p标签的最佳方法,因为您不需要这样做。如果您在网页中包含了引导程序,则可以使用“ pb-2”之类的css类来固定底部的填充。

我认为您的工具会生成一个p标签。也许您可以告诉使用更多有关您的设置的信息。

另外,您应该使用一些更好的IDE,也许使用一些phpStorm,Atom或Sublime。

<div class="pb-2"></div>
另一答案

我能够通过将以下样式添加到段落标签```margin-bottom:0!important]中来解决此问题,>

感谢大家的时间和帮助!

另一答案

您可以分配“ display:none;”这个空的自动生成的空白p标签。我想建议添加子级“ .card-title”的类父级元素(.col-md-6),然后使用p:last-child伪元素将其设置为“ display:none”。它将解决您的问题。我为您编写了一个代码段,以便您更好地了解这种方法,但是当您尝试实现它时,请按照上述内容添加类。作为参考,在项目的头部添加以下代码段:

以上是关于[一个空标签会自动插入,如何清除它?的主要内容,如果未能解决你的问题,请参考以下文章

随机面试题

清除浮动的方式以及各自的优劣

浮动清除

清除浮动的方法

clearfix清除浮动

TextView支持的Html标签