728x90 flexible box1 [CSS] flex 속성들 정리 (flex-basis, flex-grow, flex-shrink) flex-basis, flex-grow, flex-shrink에 대해서 정리해보겠습니다☺️ 📌 flex-basis ? flex-basis는 Flex 아이템의 기본 크기를 설정함 flex-direction이 row일 때는 width를 설정하고, column일 때는 height를 설정함 .container { display: flex; } .item1 { flex-basis: auto; /* 기본값 */ } → flex-basis의 기본값은 auto로 width를 따로 설정하지 않으면, 컨텐츠가 차지하는 width와 같은 값이 되고 width를 설정하면, 설정값과 동일한 값이 된다. → 만약 아이템에 (width를 적용하지 않고) flex-basis: 100px를 적용했을 때 아이템이 100px보다 작다면,.. 2023. 1. 15. 이전 1 다음 728x90
