表格单元格中的 Bootstrap 4 和背景颜色

问题描述

我使用 Boostrap 4：我有一个如下所示的表格单元格：

我希望背景颜色覆盖整个单元格。

如何去除出现在单元格底部边框和单元格背景颜色之间的白线？

我使用的代码是：

<td  align="center">
                     <h6>
                         <small>
                        <div  class="background-color: p-3 mb-2 bg-primary text-white">
                              I.E.C.A. (A2)
                              Ingreso Abogacía (UNC) Enero
                        </div>
                      </small>
                     </h6>
  </td>

解决方法

这里有几件事。您有一个 DIV，它是一个 BLOCK 元素，位于一个 INLINE 元素的 SMALL 标签内。内联元素通常具有值大于 1 的 line-height 属性，以便在元素周围创建垂直空间。将该元素设置为“display:block”，这将解决该问题。其次，这些元素位于 H2 标签内，这是一个块元素，但通常默认情况下具有“margin-bottom”。从 H2 标签中删除边距，它应该适合您。所以像下面这样，虽然你应该使用样式表而不是内联 css。

在此处阅读有关内联元素的更多信息：https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements#elements

<td align="center">
  <h6 style="margin:0;">
    <small style="display:block;">
                        <div  class="background-color: p-3 mb-2 bg-primary text-white">
                              I.E.C.A. (A2)
                              Ingreso Abogacía (UNC) Enero
                        </div>
                      </small>
  </h6>
</td>

bootstrap-4 tablecell tablecell