【问题标题】:CSS problem with Chrome [closed]Chrome的CSS问题[关闭]
【发布时间】:2010-07-08 10:28:42
【问题描述】:

我在我们的一个网站中遇到了页边距/行高问题。

我正在使用 Jquery 脚本在每个部分的第一个字母中创建一个首字下沉效果,为它们添加一个类。如您所见,有两种类型的首字下沉。谷歌浏览器没有正确呈现较小的。您可以与其他浏览器进行比较,看看有什么不同。

知道为什么会这样吗?对此有修复/破解方法吗?

【问题讨论】:

标签: html css google-chrome


【解决方案1】:

我设法通过调整p 标签上的line-height 来修复它。

我将它调整为 1.8 - 再低一点,第三行副本就不能在首字下沉下方流动。

查看图片:

alt text http://web17.twitpic.com/img/126705561-f3957c59ceac70c081953d4ce00c9d5e.4c35afb0-full.png

alt text http://web14.twitpic.com/img/126705484-0b710f203011f574c598d698fffce8ab.4c35afb0-full.png

【讨论】:

    【解决方案2】:

    解决方法是将margin-top:-1px 设置为.dropcap CSS 规则..

    呈现的文本大小必须存在一些差异。..

    【讨论】:

    • 您知道任何仅针对 Google Chrome 的黑客攻击吗?谢谢!
    • 我将此解决方案与 chrome css hack 一起使用,谢谢
    【解决方案3】:

    将行高更改为 1.8em 对我有用。但总的来说,这个问题很难避免,因为不同平台甚至不同浏览器的字体呈现方式不同。

    【讨论】:

      猜你喜欢
      • 2013-06-07
      • 2023-03-26
      • 1970-01-01
      • 2014-03-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-05-08
      相关资源
      最近更新 更多