Est-il vraiment impossible de faire en sorte qu'un div adapte sa taille à son contenu ?

Question

J'aimerais préciser s'il est possible ou non de faire en sorte qu'un div s'adapte à sa taille en fonction de la taille du contenu sans avoir à faire flotter les éléments ou à rendre leur position absolue. C'est possible?

Answer 1

Paramètre CSS display

C'est bien sûr possible - JSFiddle preuve de concept où vous peut voir les trois solutions possibles :

• display: inline-block - c'est celui dont vous n'êtes pas au courant

• position: absolute

• float: left/right

Answer 2

Vous pouvez utiliser display: inline-block .

Answer 3

Vous pouvez utiliser:

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

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

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

Answer 4

vous pouvez aussi utiliser

mot-pause : toute coupure ;

quand rien ne semble fonctionner, cela fonctionne toujours ;)

Answer 5

ça marche bien sur Edge et Chrome :

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