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

Question

我的 Bootstrap 设计中有一些嵌套列。我的元素的灰色背景颜色在左侧和右侧有一些间隙，这些间隙来自 Bootstrap 列的填充。我可以通过执行 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。

<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;
  }

希望对你有帮助。