웹개발/HTML&CSS
-
내가 하는 CSS 가운데 정렬(내용 추가 예정)웹개발/HTML&CSS 2022. 9. 15. 19:55
CSS를 작업하고 있노라면, 항상 파워포인트가 그리워진다. 파워포인트는 대상을 누르고 가운데 정렬만 하면 어느새 화면 정가운데에 정렬되어 있다. 하지만 CSS는 모든 작업을 언어로 해야 한다. 사람과 사람 사이의 소통도 어렵지만 사람과 컴퓨터 사이의 소통도 마찬가지라는 것을 CSS를 통해 깨닫는다. 우선 빈 페이지에 뭐라도 그리기 시작하고 보면 항상 모든 도형들이 왼쪽 위부터 정렬되는 것이 눈에 거슬린다. 이 때문에 곧 가운데 정렬 하는 방법을 찾게 된다. Flexbox 를 이용한 가운데 정렬 일단 내가 가장 많이 쓰는 가운데 정렬 방법이다. .container { width: 100%; height: 100%; display: flex; justify-content: center; } .square{ ..