profile
개미처럼 꾸준히 공부하는 개발자입니다.
post-thumbnail

css display : flex 완벽 정리

display : flex display에 flex를 설정해 주면 코드의 자식 요소가 가로 정렬로 바뀌게 됩니다. 정확히 말하자면 수평된 주축을 기점으로 시작점에서 끝점 방향으로 자식 요소들이 정렬하게 됩니다. 여기서 flex를 설정해준 코드는 flex container, 설정해준 코드의 자식 요소는 flex items로 불립니다. - display : inline-flex inline-flex는 flex container를 block요소 처럼 세로로 쌓이는게 아닌 inline 요소의 특징처럼 가로로 쌓이게 만들 수 있습니다. display:flex와의 차이점은 이러한 정렬 요소가 있습니다. 💡 flex container가 inline 요소

2022년 4월 21일
·
0개의 댓글
·