Is it really impossible to make a div fit its size to its content?

问题

I'd like to clarify whether it's possible or not to make a div fit its size based on the content's size without having to make elements float or having to make their position absolute. Is it possible?

回答1:

CSS display setting

It is of course possible - JSFiddle proof of concept where you can see all three possible solutions:

• display: inline-block - this is the one you're not aware of

• position: absolute

• float: left/right

回答2:

You can use display: inline-block.

回答3:

You can use:

width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;

EDIT: No. see http://red-team-design.com/horizontal-centering-using-css-fit-content-value/

ALSO: http://dev.w3.org/csswg/css-box-3/

回答4:

you can also use

word-break: break-all;

when nothing seems working this works always ;)

来源：https://stackoverflow.com/questions/5903112/is-it-really-impossible-to-make-a-div-fit-its-size-to-its-content