div를 콘텐츠에 맞는 크기로 만드는 것이 정말 불가능합니까?

87

요소를 부동으로 만들거나 절대 위치를 만들 필요없이 콘텐츠의 크기에 따라 div를 크기에 맞출 수 있는지 여부를 명확히하고 싶습니다. 가능합니까?

html size width

우리가 이것을 할 수 있었다면 웹 개발이 얼마나 더 간단했을지 상상해보십시오! 나는 원한다 display: block-inline!! (즉, 바깥쪽으로는 블록으로, 안쪽으로는 인라인으로 동작합니다. 반대의 경우 inline-block)

— ADTC

138

CSS `display`설정

물론 가능합니다-JSFiddle 개념 증명에서 세 가지 가능한 솔루션을 모두 볼 수 있습니다.

— 로버트 코 리트 닉
소스

2

감사합니다! 나는 인라인 블록을 고려하지 않았습니다!

— Gabriele Cirulli 2011

22

사용할 수 있습니다 display: inline-block.

— 매트 볼
소스

1

.NET으로 가능성을 보여주는 JSFiddle 개념 증명을 업데이트했습니다 position:absolute. 그것도 가능합니다. 내 대답의 링크를 클릭하십시오.

— Robert Koritnik 2011

14

당신이 사용할 수있는:

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/

— The_HTML_Man
소스

이것은 트롤 대답입니까? fit-content가 너비 또는 높이에 유효한 속성 값이 아닙니다.

— Adam

2

그것은 작동하지만 당신은에 값을 설정해야합니다 -webkit-fit-content또는 -moz-fit-content당신이 사용하는 브라우저에 따라.

— warownia1 2015-07-05

확인. 나는 그것을 몰랐다.

— The_HTML_Man

4

당신은 또한 사용할 수 있습니다

단어 분리 : break-all;

아무것도 작동하지 않을 때 항상 작동합니다.)

— 메가
소스

1

Edge 및 Chrome에서 잘 작동합니다.

  width: fit-content;
  height: fit-content;

— HungNM2
소스