[CSS] flex사용 배치 연습

 

Flex란 레이아웃 배치 전용 기능.

 

Flex 레이아웃을 만들기 위한 기본적인 HTML구조

<div class="container">
	<div class="item">helloflex</div>
	<div class="item">abc</div>
	<div class="item">helloflex</div>
</div>

 

dispaly: flex; 한줄로 아래와 같이 배치.

.container {
	dispaly: flex;
 }

flex-wrap 줄넘김 처리 연습

 

 

 

연습하다가 만든 트리..