@zzmaster

Как выровнять текст в flex контейнере по вертикали?

Я конечно, понимаю, что об этом много раз написано, и изолированный код отлично выравнивает, но вот в живом проекте - какая то лажа.

Есть контейнер и в нем элемент с текстом

<div style="display: flex; align-content: center; align-items: center; justify-content: center; background-color: #7cb9ee;"  class="w-100">

		<div class="link">qwerty</div>

</div>

пара скриншотов на которых можно видеть все css проперти, для каждого div'a

5f575e47bf0fb788595853.jpeg

5f575e558026e947130330.jpeg

и как оно выглядит на странице - совсем не по центру

5f575e7464525339776342.jpeg

отключение line-height в body - не влияет. поможите плиз.
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
develx
@develx
Web developer
Вам нужно выровнять контент в .link, вот ему и давайте
display: flex; align-items: center; justify-content: center;
и padding-left уберите
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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