使用不同的字体会导致IE6和IE7中的行高度间距问题 [英] Using a different font causes line-height spacing issues in IE6 and IE7

问题描述

我有一个表格，其中有几列和两个或三个输入。当我只是使用默认字体没有问题，一切正常，但是当我使用不同的字体，它在标签下添加一个垂直的空间。

I have a form with a couple of columns and two or three inputs in each. When I just use the default font there is no problem and everything lines up properly but when I use a different font it adds a little vertical space underneath the labels.

字体我想使用的是TheMixRegularCaps - http://www.fontslog.com/ themix-regularcaps-otf-32939.htm

the font I'm trying to use is TheMixRegularCaps - http://www.fontslog.com/themix-regularcaps-otf-32939.htm

如何解决这个问题？

推荐答案

问题很可能是字体本身。一些字体具有比其他字体更多的垂直间距。您应该使用CSS尝试重叠不同的标签垂直，使它看起来像没有一个大的差距。

The problem is most likely the font itself. Some fonts have more vertical spacing than others. You should use CSS to attempt to overlap the different labels vertically to make it look like there isn't a large gap.

看看这个jsFiddle我刚刚演示您的目标： http://jsfiddle.net/KWfnq/

Take a look at this jsFiddle I just made demonstrating your objective: http://jsfiddle.net/KWfnq/

这篇关于使用不同的字体会导致IE6和IE7中的行高度间距问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！