CSS文本填充差异Firefox vs Chrome等

Question

如果有人可以提供帮助,我会很感激这一点,因为我花了整整一个晚上没有结果这个问题.

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

我拍了一张照片让问题更容易:

我有一般的CSS重置,所以不同的浏览器行为相似.但看起来并非一切都包含在那里.有谁知道这会导致什么？

Answer 1

加入display: inline-block;你的.tags li a

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