flex-direction
.father {
display: flex;
flex-direction: row;
}
부모 요소에 display: flex; 속성을 지정한 경우 자식 요소의 위치를 결정 짓는 주요 축을 결정할 수 있다. x축 또는 y축을 지정할 수 있는데 기본축은 x축이다. flex-direction row; column을 값으로 지정할 경우 자식 요소를 y축을 기준으로 배치한다.
'Frontend > CSS Layout' 카테고리의 다른 글
| flex-grow (0) | 2024.01.30 |
|---|---|
| order (0) | 2024.01.30 |
| align-items vs align-content (0) | 2024.01.30 |
| flex-flow (0) | 2024.01.30 |
| justify-content (0) | 2024.01.30 |