[CSS] 레이아웃 속성 display:flex

display 에는 inline, block, iline-block, content flex 등 다양한 속성들이 있다.하지만 그중에서도 가장 활용도가 높은 display는 flex 라고 생각한다.레이아웃을 원하는대로 쉽고 효과적으로 배치하도록 해주는 고마운 속성이다.일단 변화를 보기 위해 기본 코드와 결과를 확인하자.기본 코드결과:수평 정렬display: flex; 적용결과:무조건 1행 수평으로 정렬한다.만약 크기가 너무 커서 자리가 없다면 강제로 크기를 줄인다.모든 크기를 균등하게 하는 것이 아니라 들어가는 태그들의 상호 크기에 비례해서 줄어든다.만약 부모 div 인 회색의 크기가 자식의 div 크기보다 더 커서 크기를 딱 맞게 맞추고 싶은 경우 부모(회색) div 에..........

[CSS] 레이아웃 속성 display:flex에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.

원문링크 : [CSS] 레이아웃 속성 display:flex