반응형

위와 같은 상황에서 컨테이너 안의 div 요소들이 너비가 같게 spread 되어야 했다. width나 float을 이용하여 번거롭게 변경하지 않고 justify-content 를 이용하면 쉽게 요소의 너비를 조정할 수 있다.
*참고
Aligning Items in a Flex Container - CSS: Cascading Style Sheets | MDN
flexbox가 웹 개발자들의 관심 받게된 이유 중 하나는 웹 최초로 최초로 적절한 정렬 기능을 제공했기 때문입니다. flexbox의 수직 정렬 기능을 이용하여 우리는 드디어 쉽게 박스(역주: 여기서 박스
developer.mozilla.org
justify-content | CSS-Tricks
The justify-content property is a sub-property of the Flexible Box Layout module.
css-tricks.com

반응형