좌충우돌 개발자의 길

[CSS] justify-content: center, align-items: center가 적용이 안될 때 해결방법 본문

STUDYING/HTML & CSS

[CSS] justify-content: center, align-items: center가 적용이 안될 때 해결방법

sustronaut 2022. 5. 9. 22:08

- justify-content: center 가 적용이 되지 않을 때

자식요소에 flex를 설정해야지 자식 요소에서 justify-content:center가 적용이 됨

부모요소에서 먼저 flex를 설정하면 적용되지 않음

 

- align-items: center 가 적용되지 않을 때

해당 요소의 height를 설정하지 않으면 적용되지 않음 -> height를 설정해 줄 것

'STUDYING > HTML & CSS' 카테고리의 다른 글

[CSS] 최대 높이, 너비 설정  (0) 2022.05.15
[CSS] margin: 0 auto로 중앙정렬  (0) 2022.05.15
[CSS] 미디어쿼리  (0) 2022.05.09
[CSS] 레이아웃  (0) 2022.05.08
[CSS] 폰트, 텍스트  (0) 2022.05.07
'STUDYING/HTML & CSS' Related Articles more