Выравнивание блоков по вертикали и горизонтали, выравнивание по высоте блоки.

Есть несколько способов
через flex

.block-parent {
    display:flex;
    justify-content: center;
    align-items: center;
}

через абсолютное центрирование подходит для текстов

.block-parent { 
   display:relative;
}
.block-childred {
   margin:0;
   position:absolute;
   top:50%;
   transform: translate(0, -50%); /* это свойство говорит что нужно подняться на верх на половину контейнера */
   left:0;
}

Для выравнивание по высоте блоки

допустим для выравнивание товаров в row — getbotstrap

.row-flex {
    display: flex;
    flex-flow: row wrap;
}

Отправить комментарий

Другие статьи рубрики "выравнивание блоков"