andrei500
@andrei500
Middle Frontend Vue.js

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

Подскажите какой способ вертикального выравнивания выбрать для крупного сайта:
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;
}
  • Вопрос задан
  • 120 просмотров
Решения вопроса 2
@zetproj
Первый раз вижу чтобы для выравнивания используют :before.
:before это псевдоэлемент, он используется только для отображения какого-либо контента перед родительским элементом.
Для выравнивания по главным осям используют flex'ы. И кто Вам сказал, что они тормозят загрузку страницы?
Ответ написан
@nvdfxx
Senior Pomidor developer
flexbox тормозит скорость загрузки страницы и использовать его нужно по минимуму

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы