css中英文字母和汉字行高不一样的解决办法(续)

2009.12.11 / 12:09

由于我这里的网络问题最近无法登陆博客,所以没更新日志,上一篇日志提到“css中英文字母和汉字行高不一样的解决办法”,里面的做法是将字体设置为simsun,即:font-family:simsun;这是个不得已而为之的下策,后来我发现了一个更好办法:

由于只存在于IE8中(不知道这是不是IE8的bug),所以就非常照顾地为IE8做了hack,css代码如下:

*+html .id_or_classic_name {
padding:14px 15px 12px;
max-height:21px;
}

这个hack的目的就是单独为IE8设置一个max-height属性,即设置元素的最大高度,所有主流浏览器都支持max-height属性,所以做hack的时候专门针对IE8:*+html空格#id 或.class”,空格不能省。当然了这个max-height值应该是所有情况下最小的行高高度,使用的时候请根据具体情况修改。
与前一篇提到的设置字体相比这个是最完美的解决办法。

你懂的 不多说
  1. 2009.12.11 / 12:52

    没发现这个。。

  2. 2009.12.11 / 15:13

    没看懂. css菜鸟飘过

  3. 2009.12.11 / 18:13

    css不难 很容易上手的

  4. 2009.12.11 / 18:14

    我可是遇到好几次了

  5. 2009.12.12 / 03:15

    ( ⊙o⊙ )哇 你挺能研究的啊 这个东西你研究了很久哦 呵呵~··

  6. 2009.12.12 / 07:00

    看不懂,呵呵

  7. 2009.12.12 / 15:34

    兼顾IE8的CSS

  8. 2010.01.18 / 10:39

    发现这个问题好久,因为我只写兼容代码,所以基本上不用hack,所以对HACK了解很少。
    但是你的 padding:14px 15px 12px 是干什么的?

  9. 2010.01.18 / 12:18

    @windancer
    嗨 没用,我随便写的一个样式

  10. 2010.04.12 / 11:49

    opera浏览器也是存在这样的问题的。