목록중앙 (1)

워로디스

CSS. 중앙 정렬 방법 정리

CSS 중앙 정렬은 무엇을 정렬하는지에 따라 적절한 방법이 달라집니다.1. Grid를 이용한 가로·세로 중앙 정렬자식 요소 하나를 가로와 세로 중앙에 배치할 때 가장 간결한 방법입니다..container { display: grid; place-items: center; min-height: 200px;} 중앙에 정렬됨place-items: center는 다음 두 속성을 한 번에 지정합니다.align-items: center;justify-items: center;단일 요소를 중앙에 배치하는 경우 Grid 방식이 간결하고 읽기 쉽습니다.2. Flex를 이용한 가로·세로 중앙 정렬여러 요소를 한 방향으로 배치하거나 정렬해야 할 때 적합합니다..container { display: flex; ju..
개발/CSS 2026. 7. 11. 19:42
이전 Prev 1 Next 다음