결과 화면 css body{ display: flex; justify-content: center; align-items: center; height: 100vh; } .box{ background-color: cadetblue; color: #fff; width: 200px; height: 200px; text-align: center; line-height: 200px; font-size: 2em; } html box
[ flex ] 요소 정중앙에 배치하기에 대한 요약내용입니다.
자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.
원문링크 : [ flex ] 요소 정중앙에 배치하기