FLEX1 CSS flex, justify-content 옵션 비교 CSS의 flex속성은 레이아웃 배치를 위해 만들어진 속성으로 기존의 float나 inline-block등을 대체할 수 있습니다. flex는 flexible이라는 뜻으로 유연한? 이라는 뜻을 가지고 있습니다. 실제 유튜브의 메인상단이 flex 속성으로 구현되어 있습니다. 우선 flex의 속성값에 따른 비교에 앞서 아래와 같이 html코드를 작성해봅니다. flex의 기본구조는 큰 컨테이너 안에 작은 아이템들이 모여있는 구조를 띕니다. 우선 Flex를 적용하지 않은 모습을 보겠습니다. CSS코드는 다음과 같습니다. .container{ width: 500px; height: 100px; background: yellow; } .item{ width: 50px; height: 50px; border: soli.. 2020. 4. 28. 이전 1 다음
