“CSS Center Div вертикально” Ответ

CSS выравнивает предметы вертикальный центр

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

Центр CSS вертикально

/* 100vh = 100% Viewport Height */
body {
	display: flex;
	height: 100vh;
	flex-direction: column;
	justify-content: center;
}
/* add */ align-items: center; /*to also center horizontally.*/
Horrible Hamerkop

CSS Center Div вертикально

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
Lioruby

CSS Center Div вертикально

<!-- if you use Tailwindcss -->
<div class="absolute top-1/2 transform -translate-y-1/2">
</div>
Lioruby

Ответы похожие на “CSS Center Div вертикально”

Вопросы похожие на “CSS Center Div вертикально”

Больше похожих ответов на “CSS Center Div вертикально” по CSS

Смотреть популярные ответы по языку

Смотреть другие языки программирования