CSS 레이아웃의 구세주! Flexbox
Flexbox는 무엇인가요? 간단하게 말하자면 컨테이너 내의 아이템들을 쉽고 깔끔하게 정리할 수 있는 CSS layout 모드입니다. Flexbox는 왜 좋은 건가요?기존에 CSS를 사용할 때에는 block 모델을 사용하여 width나 float를 활용하여 페이지 내의 아이템들을 배치하고 그리고 margin, padding이 어느 정도 필요한가 계산을 하고 귀찮아지는 일이 많았습니다.하지만 float는 초기에 그림 옆에 텍스트를 배치하기 위한 도구였지 웹 전체의 레이아웃을 배치하기 위해 만들어진 것이 아니였습니다. 그로 인하여 마진 병합 등의 문제점들이 많이 발생하게 되었고 모바일 웹 사용량이 폭발적으로 증가하면서 반응형 웹 디자인을 위한 해결책도 필요하게 되었습니다. Flexbox의 등장으로 이러한 문..
코딩/Web
2017. 12. 28. 20:21