Задать вопрос
aliencash
@aliencash
Партизан
css

Почему в Chrome не работает вертикальное выравнивание?

Вот такой код:
codepen.io/aliencash/pen/oxBxwq

Убирать flex у родителя нельзя.

up: Текст может быть многострочный - line-height нельзя
  • Вопрос задан
  • 236 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
PiCoderman
@PiCoderman
.text { line-height: 3.4em }
Ответ написан
6 комментариев
6 комментариев
thewind
@thewind
php программист, front / backend developer
Так оно само что ли должно?))
Для враппера допишите
justify-content: center
align-items: center
Ответ написан
1 комментарий
1 комментарий
gatilin222
@gatilin222
Frontend-разработчик
Так вы не тот элемент сделали флекс-родителем. Если вам нужно выровнять текст внутри блока с границей - вот рабочий пример.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Разработать несистемный алерт
19 апр. 2024, в 20:11
500 руб./за проект
Ещё заказы