2015-11-15 2 views
6

Ich habe ein Mutterelement, mit zwei Elementen im Inneren:Wie kann ich einem Flexbox-Elternteil die Breite seiner Kinder geben?

<div class="parent"> 
    <div class="child"> 
    one 
    </div> 
    <div class="child"> 
    two 
    </div> 
</div> 

Derzeit ist die .parent 100% breit ist. Ich möchte nur die Breite der beiden Kinder haben.

.parent { 
    display: flex; 
    background-color: aliceblue; 
} 

Wie kann ich die Eltern machen die Breite zu sein, es ist Inhalt, und nicht breiter?

See codepen for a live demo.

+0

ich da die Frage stellen diese nach Antworten zum ersten Mal nur eingecheckt haben - was ist hier passiert? Es sieht so aus, als ob zwei Leute, die antworteten, ein Argument hatten und dann beschlossen, die Frage zu verwerfen? – mikemaccana

Antwort

18

Ändern der flex-inline-flex Anzeige der Eltern.

codepen demo

+1

Downvoter Pflege Kommentar? Wie ist das falsch? – j08691

+0

Ich weiß es nicht - ich bin nicht der Downvoter - aber danke für deine Antwort und es tut mir leid, dass die Leute sich so schlecht benehmen. – mikemaccana

+0

Ich versuche dies [hier] (https://jsfiddle.net/L4sqdjkd/4//) und es funktioniert nicht. Irgendwelche Ideen, warum? Inline-Flex komprimiert es und macht seine Breite kleiner als das Kind. – user3494047

Verwandte Themen