답변: 요소를 수평 및 수직으로 중앙에 배치하는 방법 답변: 요소를 수평 및 수직으로 중앙에 배치하는 방법

1613 단어

답변 re: 요소를 수평 및 수직으로 중앙에 배치하는 방법



2020년 7월 9일


2





CSS 그리드: 장소 항목


마지막으로 CSS 그리드 place-items: center 를 사용하여 더 쉽게 만들 수 있습니다.
HTML
<div class="parent"&gt
  <div class="to-center"></div>
</div>
CSS
.parent {
  display: grid;
  place-items: center;
}
산출:

html,
body {
  height: 100%;
}

.container {
  display: grid;
  place-items: center;
  height: 100%;
}

.center {
  background:






Open Full Answer

좋은 웹페이지 즐겨찾기