📚 [CSS] flex 수직정렬 하기

Category: CSS | 📅 December 31, 2021

준비물

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

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

수직정렬하기


.container {
    display: flex;
    flex-direction: column;
}
💭 Reviews
  • 기본이 수평정렬이므로 수평은 제외!
  • 🏷️ Tags
  • #css3  
  • #css  
  • #flex  
  • #flext-direction