반응형
img
플렉스 레이아웃은 유연한 상자 레이아웃으로 유연한 항목의 길이를 설정하고 복잡한 레이아웃을 만드는 데 사용됩니다. 유연한 레이아웃을 사용하여 항목을 매우 쉽게 정렬할 수 있습니다. 유연한 레이아웃은 응답성이 매우 높습니다. Flex property는 flex-grow, flex-shrink, flex-basis를 의미합니다.
플렉스와 그리드의 차이:
- Flex는 다른 손 그리드의 1차원 레이아웃이며 행과 열이 있는 2차원 레이아웃입니다.
- 플렉스는 소규모 배치를 위해 설계되었으며 그리드는 대규모 배치를 위해 설계되었습니다.
- Flexbox는 그리드보다 잘 제어 가능
플렉스 방향은 수직 및 수평으로 제어할 수 있지만 그리드는 자동으로 열과 행을 조정합니다.
'css' 카테고리의 다른 글
| HTML CSS를 사용한 이중 컬러 스크롤 텍스트 효과 (0) | 2022.03.09 |
|---|---|
| HTML을 실시간으로 테스트하는 방법? (0) | 2022.03.09 |
| HTML CSS를 사용한 부드러운 애니메이션 도구 설명 (0) | 2022.03.09 |
| 시각적 계층 (0) | 2022.03.09 |
| 무료 소스 코드 다운로드 (0) | 2022.03.09 |
댓글