Можно ли так отступать с помощью line-height?

Question

[Immix]

Если сверху и снизу одинаковые отступы, то почему нет? Это свойство придумано не для этого ведь...


.menu {font: 0.938em/10em}

Answer 1

[Александр Вульф]

А в чем вопрос?)

Comments

[Immix]

padding/margin или line-height?

[Александр Вульф]

Immix: если в одну строку, что line-height

[Immix]

Александр Вульф: что бы сделать нижний и верхний отступы

[Александр Вульф]

Immix: опечатка вышла) если в одну строку, то line-height используй

[Михаил Чирский]

Я бы сказал, все зависит от ТЗ и структуры сайта, если например заказчику не нужна opera mobile, можно line-height, можно хоть в 3 строчки, а если нет, то тут выбор за padding или margin, ну зависит от цели, например, если сайт статичный, и высота шапки одна, не меняется например при ниже 768px, то можно задать фиксированно, и посчитать margin/padding.

Я обычно делаю так:

.block::after
{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

Вместо line-height, и не обязательно знать высоту.

P.S. во общем советую этот способ, ну и от line-height: отказываться не советую, всему свое место, все от зависит от задач.

[Immix]

Михаил Чирский: не бывает же и случаи что верхний отступ и нижний немного разные, например: 63px и 52px, тогда до line-height добавить отступ?)

[Михаил Чирский]

Сколько делал версток, никогда не было такого, если такое есть это косяк, все значения должны быть кратны и симетричны, способ, что я скинул выше, работает везде, ну минус в том, что нужна высота родителя, в вашем примере с 63 52 это будет 115px высота и это код отцентрирует контент относительно этой высоты, тоесть родителя

Answer 2

[L0k1]

можно

Answer 3

[Денис Бочков]

но если потом клиент вам изменить текст в меню, например, с длинным названием, то будет ужас)