CSSflexbox

[CSS] flexbox를 이용한 레이아웃(이미지, div 등) 가운데 정렬하는 법

[CSS] flexbox를 이용한 레이아웃(이미지, div 등) 가운데 정렬하는 법 (글쓴날 : 2020.03.02) * 이 글은 글쓴이가 공부한 내용을 정리하며 올리는 글입니다. * CSS3를 기준으로 작성되었습니다. CSS 레이아웃(이미지, div 등) 중앙 정렬 방법 1) flexbox란? 간단하게 설명하자면 flexbox란 CSS3에서 새롭게 추가된 웹 레이아웃 모델로, 개발자들이 기존 CSS의 position, float, display 등의 속성들로 해결하기 힘들었던 문제들을 쉽고 유연하게 구현할 수 있도록 제공하는 기능입니다. 주로 1차원 레이아웃의 공간 배분 및 정렬을 하기 위해 설계되었으며, 행과 열 중점의 2차원 레이아웃을 다루는 Grid 레이아웃과는 지향점이 조금 다르니 각자의 상황에..