css - встроенные элементы игнорируют высоту строки

Мне трудно понять, почему строчные элементы игнорируют line-heightв некоторых браузерах (Chrome и Firefox игнорирует его, а IE9 — нет.

Вот пример:

Hello, World

Ожидаемый результат — высота элемента должна быть 26 пикселей, однако она установлена ​​на 31 пиксель. высота правильно установлена ​​​​на 26 пикселей.

Все, что я читал, говорит, что это должно быть установлено на высоту строки, поэтому я не могу понять это. Вот что я прочитал на W3C:

Высота каждого рассчитывается поле встроенного уровня в поле строки. Для замененных элементов, элементов встроенного блока и элементов встроенной таблицы это высота их поля поля для встроенных блоков это их 'высота строки' ,

Источник: http://www.w3.org/TR/CSS2/visudet.html#line-height

10
задан user123444555621 8 March 2012 в 06:58
поделиться