Как стандартизировать верхнее поле китайских символов в браузерах

0

Я разрабатываю веб-сайт, который включает карточки для изучения китайских иероглифов. Проблема в том, что IE делает шрифты немного выше в строке, чем другие браузеры, которые я тестировал. Обычно это не имеет большого значения, но с флеш-картой шрифт настолько велик, что разница в размещении становится очень заметной.

Я загрузил фиктивную версию веб-страницы здесь: http://mandaclu.com/dummy/flashcard.html. Откройте ссылку в Firefox/Chrome и IE, чтобы увидеть разницу (Чтобы увидеть действительно простую страницу с той же проблемой, используйте эту ссылку: http://mandaclu.com/dummy/test.html).

Я просмотрел все и не нашел способа заставить этого персонажа сидеть в одном месте на странице, независимо от браузера. У кого-нибудь есть идеи? (Сброс CSS тоже не сработал) Спасибо за любую помощь, которую вы можете предоставить.

  • 0
    Вы пробовали нормализовать CSS?
  • 0
    Я добавил это к обеим страницам (flashcard.html и test.html) только сейчас, и размещение остается прежним.
Показать ещё 2 комментария
Теги:
position
fonts

1 ответ

0

Похоже на то, как IE и другие браузеры отображают текст с размером строки> text-size.

Попробуйте установить line-height = text-size и добавьте верхнее дополнение, чтобы вместо этого текст был заменен.

например.

#char {
    display: inline-block;
    font-size: 180px;
    line-height: 180px;
    margin: 0;
    padding: 30px 0 0 0;
    position: relative;
    vertical-align: bottom;
    width: 260px;
  }
  • 0
    Благодарю. Я попробовал это, но это не сработало. Он просто сдвинул персонажа на 30px в обоих браузерах. Так что разница в позиционировании все та же.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню