powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему высота контейнера больше высоты текста
6 сообщений из 6, страница 1 из 1
Почему высота контейнера больше высоты текста
    #38188549
MaximuS_G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Всем привет!
Опять у меня недоумения :).
Устанавливаю высоту текста 16px, а получаю высоту контейнера <span> 19px, а высоту контейнера просто с текстом 20px. Margin\padding по нулям. Подскажите, пожалуйста, почему так. Заранее спасибо!

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
	body {font-size:16px; margin: 0px; padding: 0px;}
</style>
<script type="text/javascript">
</script>
</head>
<body>
The text is 20px height; <br>
<span>The text is 19px height;</span>
</body>
</html>
...
Рейтинг: 0 / 0
Почему высота контейнера больше высоты текста
    #38188553
MaximuS_G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Может быть line-height как-то замешана здесь?
...
Рейтинг: 0 / 0
Почему высота контейнера больше высоты текста
    #38188556
MaximuS_G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Видимо нет, поставил line-height: 16px;, все равно высота контейнера 19px;
...
Рейтинг: 0 / 0
Почему высота контейнера больше высоты текста
    #38188574
MaximuS_G
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Кажется нашел - этот отступ формируется из-за character ascenders/descenders . Я так понимаю она не регулируется, зависит от шрифта и ее нужно учитывать в размерах разметки?
...
Рейтинг: 0 / 0
Почему высота контейнера больше высоты текста
    #38188578
FireLion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
MaximuS_G,
супер!
...
Рейтинг: 0 / 0
Почему высота контейнера больше высоты текста
    #38188628
FireLion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
MaximuS_GКажется нашел - этот отступ формируется из-за character ascenders/descenders . Я так понимаю она не регулируется, зависит от шрифта и ее нужно учитывать в размерах разметки?

что интересно, что если поставить шрифт 12, то в итоге получаем 15, но если поставить 14, то в итоге - 16.
перебрал несколько значений, получается, что при некоторой высоте добавляет +2, при другой +3. Сперва подумал, что меньше 13 добавляет +3, а от 13 - +2. Но предположение не подтвердилось, и разные исходные значения дают различный итог. Видимо, из-за какого-то округления к целому.

может кто-то подскажет схему, как определять, насколько увеличиться итоговый размер?
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему высота контейнера больше высоты текста
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]