移除H3标签下方的填充物

H1、H2和H3标记本身都有一个由浏览器添加的边距和填充。

您可以通过在css中的H1、H2和H3标记上放置背景并查看不同的浏览器来测试这一点。

要删除“管道间距”,应:

h3{
    padding: 0px;
    margin: 0px;
}

删除文本下方空格的另一个选项如下:

h3 
{ 
    display:inline; 
} 

尝试将H3上的“border”样式属性设置为

border:0;

有可能“管道”实际上是标题上的边框,一个边框权限属性,您可以修改或覆盖它。

备选方案:CMS生成的真实管道(我假设您已经检查了HTML源代码,但事实并非如此,但这很好)

您可以选择文本并查看它是否是真正的管道字符,或者只是一个视觉元素吗?

除了@Jonathan answer,您还必须添加:

p{
    padding: 0px;
    margin: 0px;
}

这解决了我的问题。

如果管道是实际的文本,那么如果不使用某种形式的JavaScript,您将无法摆脱它们。

如果管道是H3的背景图像,则可以使用此选项删除它们:

h3
{
  background-image: none;
}