h2 边距或填充大于 h3,即使它们具有相同的字体大小?

发布于 2024-11-19 07:52:34 字数 484 浏览 4 评论 0原文

我遇到了一个奇怪的问题。

尝试将 h2 和 h3 设计得相似。所以它们在不同的页面上看起来是相同的。

我也准备好了样本,请看一下:

http://artvard.com/category.html 此 h2 posttittle 应具有与 -> 完全相同的边距http://artvard.com/main.html h3 标题。

由于某些奇怪的原因,它们的顶部有不同的边距/填充,因此间距看起来不同。

在此处输入图像描述

我已经没有关于如何解决此问题的想法了:(

I'm running into a strange problem.

Trying to style h2 and h3 similar. So they look identical on different pages.

I've ready samples too, please take a look:

http://artvard.com/category.html this h2 posttittle should have exact same margins as -> http://artvard.com/main.html h3 posttittle.

for some strange reason, they have different margin/padding at the top, so spacing looks different.

enter image description here

I'm running out of ideas on how to solve this :(

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

丑丑阿 2024-11-26 07:52:34

我在 CSS 中看到您在帖子标题内的 元素上设置了字体大小 - 这意味着帖子标题本身仍然具有不同的字体大小和不同的行高,这是间距差异的来源。

尝试更改

h3.posttittle a, h2.posttittle a {
    color:#E95D01;
    font-size:16px;
}

h3.posttittle, h2.posttittle {
    font-size: 16px;
}

h3.posttittle a, h2.posttittle a {
    color:#E95D01;
}

I see in your CSS you have set your font sizes on the <a> elements inside the post titles - this means that the post titles themselves still have differing font sizes, and different line heights, which is where the discrepancy in spacing is coming from.

Try changing

h3.posttittle a, h2.posttittle a {
    color:#E95D01;
    font-size:16px;
}

to

h3.posttittle, h2.posttittle {
    font-size: 16px;
}

h3.posttittle a, h2.posttittle a {
    color:#E95D01;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文