doctor Brain

мир глазами веб-разработчика

CSS: flexbox для выравнивания по центру

используем flexbox для выравнивания элемента по центру в CSS

2024-08-11 dr.Brain

время чтения 1 мин.

Flexbox дал, пожалуй, наипростейшую возможностью центрирования элементов на странице.

Достаточно создать обертку .wrapper:

<div class="wrapper">
  ...
</div>

Cоздать для нее CSS-свойста display: flex и justify-content: center:

.wrapper {
  display: flex;
  justify-content: center;
}

и наслаждаться результатом.

Спасибо за внимание.