【问题标题】:CSS text padding difference Firefox vs Chrome and othersCSS 文本填充差异 Firefox 与 Chrome 等
【发布时间】:2012-07-27 15:05:39
【问题描述】:

如果有人可以在以下方面提供帮助,我将不胜感激,因为我整个晚上都没有解决这个问题。

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

我做了一张图片来解决这个问题:

我有一般的 css 重置,所以不同的浏览器表现相似。但看起来并非所有内容都包含在其中。 有谁知道是什么原因造成的?

【问题讨论】:

    标签: css firefox google-chrome height


    【解决方案1】:

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

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

    【讨论】:

    • 超级,这真的成功了。现在line-height 正在工作,所以我可以获得所需的高度。谢谢。
    猜你喜欢
    • 2013-10-19
    • 2015-02-09
    • 1970-01-01
    • 2014-01-27
    • 2012-01-12
    • 2011-05-07
    • 1970-01-01
    • 2010-11-24
    • 1970-01-01
    相关资源
    最近更新 更多