목록Web/Html, CSS (1)
나의 잡다한 노트 및 메모
display가 block인 태그들의 배치를 쉽게하는 방법
css3에 레이아웃 배치를 쉽게 하기 위한 방법이 고안됐다. 바로 flex이다. 이것은 div같은 display가 block인 태그들을 쉽게 배치할 수 있도록 도와준다. 필요한 것은 flex를 해줄 컨테이너(부모)와 그 컨테이너에 속하는 item(자식)들이다. 원래 display가 block이면 가로칸을 차지해서 줄띄기가 되는데 컨테이너를 flex로 설정해주게 되면 flex item들이 수평으로 정렬된다. # flex-direction item을 수평정렬할 것인지, 수직정렬할 것인지 결정하는 css이다. flex-direction : row; flex-direction : row-reverse; flex-direction : column; flex-direction : column-reverse; 가 존..
Web/Html, CSS
2022. 6. 10. 16:45