728x90 300x250 flex : auto1 flex : auto, flex:1, flex:2, flex: initial축약형 flex 축약형 표현 flex: initial; = flex: 0 1 auto; flex: auto; = flex: 1 1 auto; flex: none; = flex: 0 0 auto; flex: 1 = flex: 1 0 auto; flex: 2 = flex: 2 0 auto; flex: initial = felx: 0 1 auto; flex: initial로 지정하면 기본값이 적용 flex: 0 1 auto와 같은 효과를 나타내기 때문에 flex-grow가 0이기 때문에 flex-basis값보다 커지지 않고 flex-shrink가 1이기 때문에 컨테이너 공간이 부족하면 크기가 줄어들게 된다. flex-basis가 auto이기 때문에 flex항목은 내부 컨텐츠 크기 만큼 공간을 차지하게 된다 flex:.. 2021. 11. 21. 이전 1 다음 728x90 반응형