반응형
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
반응형
'프론트엔드' 카테고리의 다른 글
| 단일연결리스트로 구현한 Stack, Queue (0) | 2022.03.10 |
|---|---|
| user story (0) | 2022.03.02 |
| 프론트엔드 역사, 미래, 업무범위 (0) | 2022.01.27 |
| 특수 문자 용어 정리 (0) | 2022.01.26 |
| 테이블 헤더 고정 sticky (0) | 2022.01.21 |