Question

我的引导程序设计中有一些嵌套的列。我的h3的灰色背景色在左侧和右侧都有一些间隙，该间隙来自引导程序列的填充。我可以执行padding:0px删除填充，但是它将删除所有元素的填充。有没有办法只删除h3的填充？

 <div class="col-12">
       <h3 style="text-align:center;background-color:grey;">WAIVER</h3>
       <div class="col-md-6 col-12">
         <p>lorem ipsum</p>
       </div
       <div class="col-md-6 col-12">
         <p>lorem ipsum</p>
       </div
    </div>

Answer 1

只需在您的h3样式中添加padding：0属性即可；或者为更好的做法，如果id是一个元素样式，请使用id。

<h3 id="title" > my title <h3>

在样式表中，例如

#title {
       padding:0;
      }

或者如果您要在不同的元素中使用相同的样式（例如，如果您想在p标签中使用它），则可以使用一个类。

<h3 class="custom"> My title </h3>
<p class="custom"> My paragraph </p>

在样式表中，类似

.custom {
   padding:0;
  }

希望它对您有帮助。

Answer 2

在您的html中：

<h3 id="unique">

样式表：

  #unique{
   padding:0px;
   color:grey;
                  }

我希望能对您有所帮助。

Answer 3

您可以给元素一个类，然后在css文件或标签中为其添加填充，例如：

<div class="col-12">
   <h3 class="section-title">WAIVER</h3>
   <div class="col-md-6 col-12">
     <p>lorem ipsum</p>
   </div
   <div class="col-md-6 col-12">
     <p>lorem ipsum</p>
   </div
</div>

CSS：

.section-padding {
    text-align:center;
    background-color:grey;
    padding: 0;
}

如何删除div中某个元素的填充？

3 个答案: