Линия-высота была больше, чем пункт

Я установил шрифт 200px и высоту строки до 200px, когда я установил его. Я ожидал, что высота шрифта ровно 200px, но это не так :(, paragraf имеет высоту 200px, но шрифт имеет 223px, вы можете сказать мой почему?Линия-высота была больше, чем пункт

HTML

<p class="par"> 
A<span id="why">Áj</span>gxÁj 
</p>

CSS

body{font-size: 200px;font-family: Arial;line-height: 200px;} 
.par{background-color: rgba(0, 255, 0, 0.5);} 
#why{background-color: rgba(255, 0, 0, 0.5);}

Fiddle link

источник

2015-08-05 Mankament Gra

Ваш размер шрифта 200px сам 223px is heightspan.

Вы можете проверить это в контрольном элементе.

Используйте F12, или Ctrl+Shift+I, чтобы открыть Инструменты разработчика в хром.

источник

2015-08-05 05:55:22

Да, диапазон имеет 223, но шрифт с глипами также имеет 223, но я хочу, чтобы шрифт с восходящим и descender ровно 200 пикселей, это возможно? –

встроенный элемент может быть выше размера шрифта, так как некоторые глифы выходят за пределы ограничительной рамки, и встроенные элементы могут завернуть. Вы можете сделать высоту <span> соответствующей размеру шрифта, указав его display: inline-block. Для линейной высоты я предпочитаю использовать unless: line-height: 1

источник

2015-08-05 06:03:17 cambunctious

Я хочу, чтобы абзац имел ровно ту же высоту, что и шрифт с глифами. Я не имею в виду span, только о абзаце размера. –

Вы можете использовать span вместо p так, чтобы высота соответствовала. Вам может потребоваться предоставить больше контекста для того, что вы пытаетесь сделать. – cambunctious

Я бы просто получил ответ, почему шрифт с глипами выше p? Когда я использую span вместо p, я получаю высоту 223, но я хочу ровно 200px, это возможно? –

Линия-высота была больше, чем пункт

ответ

Смежные вопросы