Html 引导排版周围多余的空间

在Bootstrap 4中，即使将

边距

或

填充

应用于

0

，或在

行高

周围播放后，文本的顶部和底部仍有多余的空间。额外的空间还在那里。这使得将元素与文本对齐变得越来越困难

请参见以下示例中的红线，该示例取自Bootstrap official doc：

---

您很可能需要使用

！重要信息

css规则末尾的标志

例如：

h1 { padding: 0 !important; }

---

这不是最漂亮的方法，也可能不是最有效的方法，但它通常绕过引导css规则。

额外的空间与

h1

标题无关。它通过css选择器

.bd content>table>tbody>tr>td

应用

您可以尝试：

.bd-content>table>tbody>tr>td {
padding: 0;
}

---

使用较小的线高度，如

h1, h2, h3, h4, h5, h6{
 line-height:0.6;
}

---

这应该按照您的要求工作，否则更改数字0.6。。。左右

尝试填充：0；不。这既不是填充物也不是边缘，这是p和g呼吸的空间。当然，整个文本需要垂直居中。所以没有多余的空间了。