Откуда берется лишнее пространство по высоте у строчных элементов?

Помоги понять как строчные элементы формируют свою высоту.
ссылка
Размер шрифта 16px, межстрочный интервал 24px.
Почему размер строчных элементов 17px?
76545843007145ccb152f5fd1f19112d.png
  • Вопрос задан
  • 323 просмотра
Решения вопроса 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Ширина и высота строчных элементов зависит от контента только.
При указании padding он добавляется к высчитанной высоте или ширине.
Высчитывается это браузером, при чем каждым по-своему.
Например, у меня в браузере не 17 пикселей, а 19 пикселей тот же span.
Тут нет четких формул, чтобы сказать плюс-минус.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
whoisthere
@whoisthere
Не благодари. Жми «Нравится»
Line Height

Это расстояние, также может зависеть от начертания шрифта.
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;


Должно вылечить.

Юзайте нормалайз. Избавит Вас от магии вне Хогвартса.
Normalize
Ответ написан
Krasnodar_etc
@Krasnodar_etc
fundraiseup
Каждый браузер ставит свой line-height всем элементам. Чтобы избежать этого, просто укажите свой)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы