같은 비율로 정렬 flex 이용 좌측 사이드바에 카테고리 메뉴를 같은 비율로 정렬하기 위해 flex를 이용했다.( 헤더, 본문, 푸터 부분은 작업중 ) html 부분 CSS 부분 flex column 으로 세로 정렬을 해주고,flex: 1 ( flex-grow:1, flex-shrink:1, flex-basis:0% )로 설정하여menu height 사이즈를 같은 비율로 공간을 채운다. IT/HTML, CSS 2024.08.16
중앙배치 이렇게 중앙배치를 하고 싶을 때 방법이 여러가지가 있다. 1. position, margin 을 이용하는 방법 2. flex 를 이용하는 방법 3. position, transform-translate 이용 1) 부모요소 너비의 50% 되는 위치로 이동2) 자식 요소 너비의 50% 만큼 왼쪽, 위쪽으로 이동 IT/HTML, CSS 2024.08.16