CSS文本填充差异Firefox vs Chrome等

时间:2012-07-29 21:37:12

标签: css firefox google-chrome height

如果有人可以提供以下帮助,我会很感激,因为我整个晚上都没有结果这个问题。

我有一个网站,我想在每篇文章后修改标签外观。 问题是firefox(版本14.0.1)为文本提供了更小的高度(总高度< a>高度为15px,包括1px底部填充),而chrome和rest浏览器的高度为19px。所以差异是4px。因此 - “标记孔”显示在不同的级别。对于FF而言,略低于垂直中间,对于其他浏览器,则低于中间。

我拍了一张照片让问题更容易: enter image description here

我有一般css重置,所以不同的浏览器行为相似。但看起来并非所有内容都包含在那里。 有谁知道可能导致这种情况的原因?

1 个答案:

答案 0 :(得分:5)

display: inline-block;添加到您的.tags li a

这不会影响性能良好的浏览器,但会修复FF