У меня возникли проблемы с выравниванием японских символов в IE8 на веб-сайте, который я создаю.
У меня есть что-то вроде <span>Label</span><span>Some value</span>. Когда «Label» и «Some value» либо на японском, либо на английском языке, они выровнены нормально, но когда они смешаны («Label» всегда японский, но «Some value» может и не быть), выравнивание отключено. Пример на изображении ниже:
Сюрприз, сюрприз, все отлично работает в других браузерах, например, изображение из 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, и я ничего не могу с этим поделать?