flexbox

    Flexbox Layout

    Flexbox Layout Flexbox Layout은 CSS3 웹 레이아웃 모델로 화면크기에 따라 container안의 element를 배치하는 효율적인 방법을 제공합니다. Flex Container display flex를 이용하기 위해서는 display속성을 flex로 설정하여야 합니다. .container { display: flex; } flex-direction flex-direction 속성은 flex item의 방향을 결정합니다. .container { flex-direction: row | row-reverse | column | column-reverse; } flex-wrap flex item은 기본적으로 한 줄에 모두 위치하도록 되어있습니다. flex-wrap을 이용하여 여러 줄로 ..