반응형
- fit-content : 공간이 부족하지 않을땐 max-content, 공간이 부족하면 auto처럼 margin을 제외한 너비를 width로 사용(height도 마찬가지)
- min-content : 해당 엘리먼트의 크기를 최소로 줄이고 싶을 때 사용(ex : 텍스트의 경우 최대줄바꿈)
- max-content : 해당 엘리먼트의 최대 크기(ex : 텍스트의 경우 줄바꿈하지 않은 문장의 길이)
- 100% : 부모 엘리먼트의 크기에 꽉 채운다.
반응형
'개발 > CSS' 카테고리의 다른 글
| border color에 gradient 넣으면서 가운데 공간을 투명하게 하는 법 (0) | 2022.12.09 |
|---|---|
| css cascading 안되는 경우 (0) | 2022.11.06 |
| CSS-masking image : 이미지에 마스크 씌우기 (1) | 2022.10.23 |
| display: inline-block, block, inline (0) | 2022.10.22 |
| span은 text-align 로 가운데 정렬이 안됨 (0) | 2022.09.26 |
