当前位置：首页 → 问答吧 → 关于line-height垂直居中的问题

关于line-height垂直居中的问题

时间：2010-08-30

来源：互联网

一般设置垂直居中的方法就是设置line-height = height;

这种方法在ff和ie6中可以实现垂直居中，但在ie7/8中却是略往上偏；

通过hack对ie7/8设置较大的行高可以解决此类问题；

如果不用这种方法而通过设置padding-top来垂直居中
在ie7/8中同样存在padding-top效果与ff和ie6中不一致的情况
在ie7/8中同样的padding-top值，其向下偏移量要小于ff/ie6

请教！

[ 本帖最后由 ling3492 于 2010-8-30 10:20 编辑 ]

作者: ling3492 发布时间: 2010-08-30

是不是字体的问题啊

作者: geminids 发布时间: 2010-08-30

中文页面，对于前面所说的padding-top与line-height两种现象
字体如果设置为：
font: 12px "\5b8b\4f53", Tahoma, Helvetica, Arial, sans-serif;
则在ie6/7/8下效果统一，与ff有一个像素的差别；

如果设置为：
font: 12px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
则是ie6/ff下统一，ie7/8略向上。

PS:"\5b8b\4f53"为宋体。

作者: ling3492 发布时间: 2010-08-30

我也遇到过同样问题，请高手解答

作者: kobekaisa 发布时间: 2010-08-30

引用:

原帖由 ling3492 于 2010-8-30 10:38 发表
中文页面，对于前面所说的padding-top与line-height两种现象
字体如果设置为：
font: 12px "\5b8b\4f53", Tahoma, Helvetica, Arial, sans-serif;
则在ie6/7/8下效果统一，与ff有一个像素的差别；

如果设置为 ...

“\5b8b\4f53” 这个很独特，不知道兼容性如何。

作者: mycggo 发布时间: 2010-08-30

vertical-align:middle;
我都是用这个

作者: zhaiyu963 发布时间: 2010-08-30

确实跟字体有关，一般把Arail放在最前面，然后才是其它你需要的字体。这样基本就没问题了，当然ie7还会存在另一种问题，就是列表浮动时，列表项会出现高低不一的情况。

作者: xmlovedoudou 发布时间: 2010-08-31

这是非常细节的问题，我做过一小点研究，一般情况下要保持细节的完美需要用到hack。
研究性质的文档，就没发到BI来了：http://www.14px.com/?p=46

作者: 14px 发布时间: 2010-08-31

字符集的问题，gbK就没事了，utf-8在14px 16px ...中行高都不能绝对的居中。

作者: taoqun 发布时间: 2010-08-31

用表格不就行了
www.gougu.net

作者: woweinh 发布时间: 2010-08-31