목록2023/12/01 (1)
사이먼's 코딩노트
[HTML & CSS] Flex(3)
[flex-grow] flex-grow는 비율로 너비를 설정할 수 있는 속성이다. 속성값은 1부터 n까지 정수, 소수점 사용 가능하다. flex-container에서 남는 공간을 사용한다. 여기서 말하는 남는 공간이란, 여백을 사용하거나 다른 형제들이 사용하고 남은 공간을 뜻한다. 예를 들어 flex-container에서 width 600px를 지정하고 3개의 flex-item에 flex-grow를 1, 1, 1로 지정하면 flex-itme에 따로 width를 지정하지 않고도 남는 공간에 의해서 1:1:1 비율로 200px 200px 200px로 반응형처럼 너비가 설정된다. 공식을 쓰자면 "flex-container의 남는 공간 / flex-item들의 flex-grow의 총 값 = ??" 에서 ??값을..
HTML & CSS
2023. 12. 1. 21:29