수평정렬 썸네일형 리스트형 [CSS] div 안의 div를 가운데 정렬하기, 수평&수직, display:flex 이 전 글에서 width와 margin:auto를 이용해 div 안의 div를 수평정렬하는 방법을 알아봤습니다. 그 코드를 다시 한번 살펴보겠습니다. ----- HTML 코드 ----- ----- CSS 코드 ----- .container { background-color: yellow; } .item { background-color: gray; height: 100px; width: 200px; margin: auto; } 그 결과는 아래와 같습니다. 이 방법은 수직 정렬에는 사용할 수 없습니다. display:flex 를 이용하여 수평 가운데 정렬을 하는 방법을 알아보겠습니다. ----- CSS 코드 ----- .container { background-color: yellow; display: f.. 더보기 이전 1 다음