Тег align

Тег align

    margin: 0 auto;      text-align: center; 

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

<div class="row">   <div class="col-sm-2">      <div class="customClass mx-auto">          <p class="text-center"> your text goes here </p>      </div>   </div> </div 

Вы можете поставить любой столбец, как col-sm-2, 3, 4……. 12

Замена для Центрального тега в разных ситуациях

1. text-center Работает с тегами p, a, button, h и другими, т.е. со всеми тегами, содержащими данные или текст напрямую

2. Гибкость. Может использоваться для выравнивания целого элемента внутри другого элемента, однако имеет больше утилит для проверки документации для справки.

Используйте можно центрировать элементы, используя flex следующим образом

display:flex; justify-content:center; align-items:center; 

Еще одно свойство импорта — это flex-direction, т.е.

flex-direction:column flex-direction:row 

Используйте гибкое направление в соответствии с типом выравнивания, который вы хотите

3. mx-auto (класс начальной загрузки)

источник поделиться

Источник: qaru.site


Добавить комментарий