В HTML кнопки — это интерактивные элементы, используемые для выполнения определенного действия. Используя CSS, вы можете установить положение кнопки там, где вы хотите ее разместить. Для этого в CSS есть несколько техник, одна из них — flexbox. “ сгибаться ” используется для установки положения элемента в соответствии с его окном просмотра.
Эта статья научит, как центрировать кнопку с помощью CSS Flexbox.
Итак, начнем!
Как центрировать кнопку с помощью CSS flexbox?
“ сгибаться ” — это значение, установленное для свойства отображения CSS. В зависимости от размера области просмотра он соответствующим образом устанавливает содержимое или элементы. В CSS значение flex создает одинаковое пространство между элементами, чтобы обеспечить их эффективное расположение.
Синтаксис
В приведенном выше синтаксисе « сгибаться ” будет указано как значение параметра “ отображать ' имущество.
Итак, давайте рассмотрим пример централизации кнопки с помощью flex.
Пример
В
HTML мы создадим контейнер с классом