4전 4전

flex는 웹페이지의 레이아웃을 만들 때 사용하는 방법 중 하나입니다. flex를 사용하면 크기나 내용에 관계없이 요소들을 쉽게 정렬할 수 있습니다. | 구조 정렬하고 싶은 요소들의 부모박스(container)에 display: flex 속성을 부여하면 됩니다. 박스1 박스2 박스3 .container { background-color:yellow; display: flex; } .box { background-color: orange } HTML 삽입 미리보기할 수 없는 소스 기본적으로 flex박스내부의 요소들은 같은 간격으로 한 줄로 배열됩니다. | 속성 이제 flex 컨테이너를 만들었으면 여러 가지 속성을 이용해 컨테이너의 레이아웃을 만들 수 있습니다. 일반적으로 가장 많이 사용하는 속성은 다음과 ..