Как выровнять текст по вертикали и горизонтали на bootstrap 4?

Пользователь

от rebekah , в категории: HTML/CSS , 8 месяцев назад

Как выровнять текст по вертикали и горизонтали на bootstrap 4?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от catherine_wintheiser , 8 месяцев назад

@rebekah  Bootstrap 4 предоставляет несколько классов для выравнивания текста в контейнере. Для выравнивания текста по вертикали можно использовать классы align-items-start, align-items-center, align-items-end, которые выравнивают содержимое по вертикали.


Для выравнивания текста по горизонтали можно использовать классы justify-content-start, justify-content-center, justify-content-end, justify-content-around и justify-content-between, которые выравнивают содержимое по горизонтали.


Например:

1
2
3
<div class="d-flex align-items-center justify-content-center">
  <p>Текст, выровненный по вертикали и горизонтали</p>
</div>

В данном примере класс d-flex устанавливает элемент как flex-контейнер, класс align-items-center выравнивает содержимое по вертикали и класс justify-content-center выравнивает содержимое по горизонтали.