Question

我正试图摆脱目前我行之间存在的讨厌空间。出于编辑原因，我将它们用不同的标题分隔（粗体，常规，颜色）。如何删除此空间？

见下文

<h3><span style="font-size: 14px;">XXXXXXXXX</span></h3>
<h4><span style="font-size: 14px;">XXXXXXXXXXXXXXX<a href="mailto:XXXXXXXXXXXXXX">XXXXXXXXXXXXX/a> </span></h4>

Answer 1

使用CSS

<h3 style="padding:0; margin:0"><span style="font-size: 14px;">XXXXXXXXX</span></h3>

理想情况下，您可以在单独的文件中定义CSS

h3, h4 {
   padding: 0;
   margin: 0;
}

为了进一步控制，您可以添加类名（因此它不适用于所有h3）并选择填充/边距

<h3 class="news">...</h3>

h3.news {
   padding-bottom: 2px;
   padding-top: 5px;
   margin-left: 3px;
}

Answer 2

为h3和h4标记添加此CSS选择器：

h4, h3 {
    padding:0;
    margin:0;

}

Example

删除Wordpress中HTML行之间的空格

2 个答案: