Вертикальное выравнивание лучше через flexbox или :before?

Question

[Andrei Popov]

Подскажите какой способ вертикального выравнивания выбрать для крупного сайта:
1. :before (пример ниже)
2. flexbox
Какие плюсы и минусы? Слышал что flexbox тормозит скорость загрузки страницы и использовать его нужно по минимуму, это правда? А вариантом с :before никогда не пользовался и не знаю какие могут быть подводные камни.

.logo-block:before {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        content: "";
}
.logo {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
}

Comments

[FeST1VaL]

Хм, я обычно флекс использую или через line-height, если возможно

Answer 1

[Alexander]

Первый раз вижу чтобы для выравнивания используют :before.
:before это псевдоэлемент, он используется только для отображения какого-либо контента перед родительским элементом.
Для выравнивания по главным осям используют flex'ы. И кто Вам сказал, что они тормозят загрузку страницы?

Comments

[Alexander]

andrei500, если мой ответ помог решить Ваш вопрос, пожалуйста, отметьте его решением и поставьте ему "Нравится"

Answer 2

[nvdfxx]

flexbox тормозит скорость загрузки страницы и использовать его нужно по минимуму

нда, ударьте того, от кого это услышали, по голове какой-нибудь умной книгой. Флексбоксы сейчас - самый популярный инструмент для выравнивания чего-либо