Inline-blok ouder van flex elementen in CSS
In plaats van de waarde flex voor de eigenschap display
kan de ouder de waarde inline-flex krijgen.
In dit geval zal deze ouder zich gedragen
als een inline-blok element.
Als u bijvoorbeeld de breedte van de ouder niet instelt, dan wordt de breedte gevormd door de breedte van de kinderen:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
</div>
.parent {
display: inline-flex;
border: 1px solid red;
}
.child {
width: 50px;
height: 50px;
border: 1px solid green;
}
:
