본문 바로가기

수평정렬1

CSS_flexbox(1) 수평정렬 flexbox 부모요소 내의 자식요소들에 대한 공간 배분, 정렬을 할 수 있는 모델이다! css에서 레이아웃을 구성할 때 float을 이용하였지만 최근에는 flex를 점점 많이 사용하는 추세이다. 사실 호환성문제로 사용 수가 적었는데 많이 해결이 되었다고 한다. 수평정렬 다른 방법들과의 비교 먼저 기존에 다뤘던 것들을 살펴보자! 1. float item1 item2 item3 .container{ width: 400px; border: 1px solid #000; /* overflow: hidden; */ /*이 속성을 이용해도 된다.*/ } .item { width: 100px; height: 100px; border: 1px solid #000; background: gold; border-radiu.. 2022. 1. 30.

이전 1 다음

티스토리툴바