목록flex (1)

개발기록장

[CSS] Flexbox 정리

CSS에서 flexbox는 box나 item들을 행/열로 유연하게 배치시킬 수 있게 해주는 속성들이다. Flexbox의 속성을 보기 전에 먼저 반드시 알아야 할 중요 개념 2가지가 있다. 1. container와 item flexbox를 구현하기 위한 속성 값들은 크게 container(=감싸고 있는 큰 박스)에 적용되는 속성 값과 item(=큰 박스 안에 있는 작은 박스들)들에 적용되는 속성값이 있다. 2. main axis와 cross axis flexbox에는 main axis(=중심축)과 cross axis(=반대축)이 있다. container안에 item이 왼쪽에서 오른쪽으로 정렬되어 있는 경우에는 수평축이 중심축이 되고, 수직축이 반대축이 된다. container안에 item이 위쪽에서 아래쪽..
TIL/HTML & CSS 2020. 12. 28. 19:38
이전 Prev 1 Next 다음