728x90
flex-basis
flex의 item 요소 속성 중 flex-basis에 대해 정리해 본다.
flex-basis를 제대로 알게되면 반응형을 의도 대로 정확하게 구현할 수 있다.
flex-basis 값에 따라(auto, 0, 단위값)
flex item 요소의 크기가 어떻게 결정되는지
아래의 예제를 보자.
출처 : https://heropy.blog/2018/11/24/css-flexible-box/
CSS Flex(Flexible Box) 완벽 가이드
많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F
heropy.blog
728x90
'프론트엔드 > css' 카테고리의 다른 글
| Material Symbols, Material Icons 사용 방법 (0) | 2023.12.28 |
|---|---|
| noto sans 웹폰트 다운로드 사용 방법 (2) | 2023.12.28 |
| 3D 속성 (0) | 2022.08.18 |
| 테이블 헤더 고정 sticky (0) | 2022.01.21 |
| FontAwesome CSS Pseudo-elements (0) | 2022.01.19 |