Je voudrais 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?
Je voudrais 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?
Réponses:
displaycadreC'est bien sûr possible - Preuve de concept JSFiddle où vous pouvez voir les trois solutions possibles:
display: inline-block- c'est celui dont vous n'êtes pas au courant
position: absolute
float: left/right
Vous pouvez utiliser display: inline-block.
position:absolute. C'est aussi bien possible. Cliquez sur le lien dans ma réponse.
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/
-webkit-fit-contentou -moz-fit-contentselon le navigateur que vous utilisez.
display: block-inline!! (c'est-à-dire se comporter extérieurement comme un bloc mais intérieurement comme un inline - le contraire deinline-block)