[CSS] flex로 원하는 요소를 크기가 다른 요소들의 중앙에 배치하기
하나의 row에 정사각형의 box 세 개 만들어서 space-between으로 정렬했을 시 .row { width: 500px; height: 100px; display: flex; justify-content: space-between; align-items: center; border: 1px solid black; } .box1 { width: 50px; height: 50px; background-color: red; } .box2 { width: 50px; height: 50px; background-color: blue; } .box3 { width: 50px; height: 50px; background-color: green; } 두번째 박스는 row의 정확히 가운데에 오게 된다. 하지만 ..
CSS
2021. 4. 29. 18:23
