Вертикальное выравнивание лучше через 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

[nvdfxx]

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

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