html – 垂直对齐IE8中的日文字符

前端之家收集整理的这篇文章主要介绍了html – 垂直对齐IE8中的日文字符前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我正在制作的网站上,我在IE8中排列了一些问题.

我有一些类似< span> Label< / span>< span>某些值< / span&gt ;.当“标签”和“一些值”都是日语或英语时,它们对齐,但是混合时(“标签”总是日语,但是“某些值”可能不是),则对齐方式是关闭的.示例如下图所示: 惊喜,惊喜,一切都可以在浏览器中正常工作,例如来自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的问题,没有什么可以做到这一点我猜?

解决方法

确保您还为文本框分配了垂直对齐.

http://jsfiddle.net/HkrJH/

就跨越的麻烦,我不能这样做.你使用什么字体?你能发布一个演示这个问题的jsfiddle吗?

猜你在找的HTML相关文章