[CSS3] Flex

Category: CSS | June 12, 2020

반응형에서 DIV를 가로로 정렬해서 쓰고 싶을 때 사용하면 아주 좋음

준비물

container : div를 감싸는 껍데기 items : 실제 내용물이 들어갈 div

<div class="container">
  <div class="items">1</div>
  <div class="items">2</div>
  <div class="items">3</div>
</div>

flex 정의

container {
    display:flex;
}
items {
    flex:1
}

items의 더 자세한 내용이 필요하면 여기를 보자!

‘Flex심화학습’