AngryCAT в рубрику HTML и CSS

Вопрос: Непонятное изменение высоты параграфа

Имеется параграф с размером шрифта 14px и высотой строки 20px. Внутри параграфа ссылка. Если у ссылки уменьшить размер шрифта, то высота параграфа почему-то увеличивается. Из-за этого слетает привязка к общей базовой сетке.

Как побороть?

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 3

Grin
Во-первых, вообще не советую делать такую неэластичную привязку — пользователь может увеличить кегль, у него может быть другой шрифт или что-то еще.

Как вариант, можно сделать див вокруг параграфа и у дива поставить фиксированную высоту и скрытое перекрытие.
#
Grin
toreo
Недавно читал статью как раз на эту тему: How to Size Text in CSS
Она должна помочь.
#
toreo
AngryCAT
Всё что нужно было сделать - прописать для уменьшенного inline-элемента line-height: normal и всё встало на свои места
#
AngryCAT

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a> 
function foo() { ... }
 <pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a> 
function foo() { ... }
 <pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler