[CSS] flex 속성

flex에는 다음과 같은 속성이 있다.> 1. flex-grow: 늘어나는 값2. flex-shrink:1 줄어드는 값-> 명확히 줄어드면 안될때만 flex-shrink:0 부여!!3. flex-basis:size(auto가 기본.) */box model로 여러 예제를 연습하였다.1. 두 박스 사이 간격A,B 박스가 있을때 사이 gap을 줘보자.일단 flex 속성 자체는 자식요소가 빠져나가지 않게 잡아두는 역할을 한다.그래서 어떻게든 자신의 width안에서 자식요소들을 끼워놓으려고 한다.두 박스에 display:flex를 부여하면 row가 기본값이기에 가로로 정렬된다.이때 gap:30px를 준다고 하자.A,B에 각각 같은 크기를 비율로 설정하려면 flex-basis:50%를 선언해줘야한다.근데! 이렇게 ..

2024.08.16