목록2023/12/04 (1)
사이먼's 코딩노트
[HTML & CSS] Flex(4) / vscode 세팅
[flex-direction: column과 flex-grow: 1; 적용하기] flex-direction이 column일 때, flex-item들의 세로 크기를 지정해주는 속성이 2가지 있다. height를 이용하거나 flex-grow를 이용하여 높이를 지정한다. flex-container에 남는공간이 100%라면 height: 100%와 flex-flow: 1은 같은 역할을 수행한다. height: 100%는 flex-container의 높이를 100% 가진 상태로 끼어있는 상태를 의미한다. flex-grow: 1은 flex-container의 남는 공간에 비율계산 후 알맞게 들어간 상태를 의미한다. 나중에 코드를 작성할 때, 두 속성의 의미는 비슷하지만 상황에 맞춰 필요한 코드를 작성하는 것이 좋다..
HTML & CSS
2023. 12. 4. 10:49