반응형
div를 콘텐츠에 맞는 크기로 만드는 것이 정말 불가능합니까?
요소를 부동으로 만들거나 절대 위치를 만들 필요없이 콘텐츠 크기에 따라 div를 크기에 맞출 수 있는지 여부를 명확히하고 싶습니다. 가능합니까?
CSS display
설정
물론 가능합니다-JSFiddle 개념 증명에서 세 가지 가능한 솔루션을 모두 볼 수 있습니다.
display: inline-block
- 이것은 당신이 알지 못하는 것입니다position: absolute
float: left/right
사용할 수 있습니다 display: inline-block
.
당신이 사용할 수있는:
width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;
편집 : 아니요. http://red-team-design.com/horizontal-centering-using-css-fit-content-value/ 참조
또한 : http://dev.w3.org/csswg/css-box-3/
당신은 또한 사용할 수 있습니다
단어 분리 : break-all;
아무것도 작동하지 않을 때 항상 작동합니다.)
반응형
'code' 카테고리의 다른 글
CSS FlexBox 레이아웃의 이미지 자동 크기 조정 및 종횡비 유지? (0) | 2020.10.21 |
---|---|
반응 구성 요소에 클래스 이름 전달 (0) | 2020.10.21 |
"위치 : 절대"를 상위 컨테이너가 아닌 문서에 상대적으로 강제 적용 (0) | 2020.10.21 |
SQL Server GROUP BY datetime은 시간 분을 무시하고 날짜 및 합계 값을 선택합니다. (0) | 2020.10.21 |
배우 모델 : 왜 erlang이 특별할까요? (0) | 2020.10.21 |