无法覆盖<h#>标签上的边距?</h#>

时间:2011-11-30 19:51:27

标签: html css

大家好日子......

这已经困扰了我很长一段时间,我浪费了宝贵的时间......这让我很生气。

无法摆脱h1(etc)标签上的左侧边距......所以现在我不认为这是html ...看看屏幕截图。

http://img208.imageshack.us/img208/415/screendn.jpg

你可以看到Arial拥有最大的余地。影响是完美的。这是每个设计师都知道的吗?更好的是,它必须像我的截图一样吗?

我已经包含了reset.css,我试过了* {}。我在IE,Chrome和Firefox中检查了它们,都是一样的。 Chrome在0.67em之前给它一个-webkit-margin ...它让我烦恼,因为1像素的偏移让我抓狂!

像Darek说的那样,这可能是与字体相关的问题,但我想确定一下!

先谢谢,马文。

2 个答案:

答案 0 :(得分:3)

我可能错了,但我不相信这是一个保证金问题......它只是字体的设计方式。

我想如果这真的让你烦恼,你总是可以选择一个hacky负边际解决方案?

答案 1 :(得分:0)

Arial字体中的字距是问题 - 如前所述,这主要是字体的设计方式。

您可以通过略微降低CSS中使用此字体的样式的字母间距属性来解决此问题,例如letter-spacing: -0.05em;。副作用是所有字母都会稍微组合在一起,但这是我能想到的最佳方法。