Vorrei chiarire se è possibile o meno adattare un div alle sue dimensioni in base alle dimensioni del contenuto senza dover rendere gli elementi fluttuanti o dover rendere assoluta la loro posizione. È possibile?
Vorrei chiarire se è possibile o meno adattare un div alle sue dimensioni in base alle dimensioni del contenuto senza dover rendere gli elementi fluttuanti o dover rendere assoluta la loro posizione. È possibile?
Risposte:
displayImpostazione CSSOvviamente è possibile - JSFiddle proof of concept dove puoi vedere tutte e tre le possibili soluzioni:
display: inline-block- questo è quello di cui non sei a conoscenza
position: absolute
float: left/right
Puoi usare display: inline-block.
position:absolute. È anche possibile. Fare clic sul collegamento nella mia risposta.
Puoi usare:
width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;
EDIT: No. vedi http://red-team-design.com/horizontal-centering-using-css-fit-content-value/
-webkit-fit-contento in -moz-fit-contentbase al browser utilizzato.
display: block-inline!! (cioè comportarsi esteriormente come un blocco ma internamente come un inline - l'opposto diinline-block)