높이 css
-
[Modern CSS] 동일한 높이 만들기 Flex vs GridCSS 2020. 9. 13. 21:37
modern css 2탄! flex 와 grid와 각각 동일한 높이 만들기를 해보도록 하겠습니다. FLEX .flexbox { display: flex; // 높이를 가득 채우기 .element { height: 100%; } } GRID .grid { display: grid; // 기본축을 세로로 변경 grid-auto-flow: column; // 높이를 가득 채우기 .element { height: 100%; } } flexbox와 유사하게 직계 자식은 높이가 같지만 자식은 flexbox 솔루션에서와 같이 높이 정의를 추가해야합니다. 어떤 방법이 더 나을까요? 순전히 동일한 높이 요소를 해결하기 위해 flexbox의 장점은 기본 축이 즉시 나란히 열을 활성화하는 반면 그리드는 명시적으로 설정해야한..