在我正在制作的网站上,我在IE8中排列了一些问题.
我有一些类似< span> Label< / span>< span>某些值< / 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的问题,没有什么可以做到这一点我猜?
解决方法
确保您还为文本框分配了垂直对齐.
就跨越的麻烦,我不能这样做.你使用什么字体?你能发布一个演示这个问题的jsfiddle吗?