在IE8中垂直对齐日文字符

Question

在我正在制作的网站上,我在IE8中调整日文字符时遇到了一些问题.

我有类似的东西<span>Label</span><span>Some value</span>.当"标签"和"某些值"都是日语或英语时,它们对齐很好,但当它们混合时("标签"总是日语,但"某些值"可能不是),则对齐关闭.如下图所示:

令人惊讶的是,它在其他浏览器中运行良好,例如来自Chrome的相同图像:

我无法弄清楚如何解决这个问题.有没有人遇到过这个问题或知道解决方法呢？我的公司仍然主要使用IE7,所以一些可行的技巧将是最有用的.

编辑1:我忘了添加我正在使用的CSS.对于我有的标签:

display: inline-block;
color: Gray;
vertical-align: text-top;

/*For IE7*/
zoom: 1;
*display: inline;

对于我正在使用类似的值的值:

display: inline-block;
margin: 0x 0px 0px 0px;
padding: 0px 0px 0px 0px;
vertical-align: text-top;

/*For IE7*/
zoom: 1;
*display: inline;

编辑2:我确定这与这个问题有关.我的表格中有输入框,完全对齐,直到输入一些日文字符.对于罗马字符再没有问题.见下文:

再次,在其他浏览器中没有任何问题......

编辑3:

今天再看看这个(我提出这个问题后一年多了......).在IE9中,字符显示就像在Chrome和其他浏览器中一样,基本上罗马语和日语单词都正确排列.我使用IETester检查了它,对于同一页面,日语字体在IE8中比IE9"更高".

在IE8中:

在IE9中:

我当时没有检查这个,因为我没有IE9.字体看起来完全相同,所以它必须是一个IE问题,我猜是没有什么可以做的呢？

Answer 1

互联网浏览器太可怕了。

定位您的浏览器并添加样式表。

头部示例：

<!--[if IE 6]><link rel="stylesheet" href="http://mysite.com/path/to/ie6.css" type="text/css" media="screen, projection"><![endif]-->

<!--[if IE 7]><link rel="stylesheet" href="http://mysite.com/path/to/ie7.css" type="text/css" media="screen, projection"><![endif]-->