Wie richtet man einen Div-Halter auf das Ansichtsfenster und andere div aus?

Ich weiß nicht, wie man das folgende erreicht. Ich habe einen Abschnitt, der 3 Bilder enthält. Diese Bilder reagieren in diesem Abschnitt. Ich möchte den Halter div auf der linken Seite des Ansichtsfensters und die rechte Seite des Halters div zum Container div ausrichten. Siehe Bild:Wie richtet man einen Div-Halter auf das Ansichtsfenster und andere div aus?

Meine Markup sieht wie folgt aus:

<section> 
    <figure> 
     <img src="http://placehold.it/400x210"> 
    </figure> 
    <figure> 
     <img src="http://placehold.it/400x210"> 
    </figure> 
    <figure> 
     <img src="http://placehold.it/400x210"> 
    </figure> 
</section>

Ist dies möglich mit CSS nur?

CodePen: https://codepen.io/anon/pen/bWWyJN

Quelle

2017-05-01 Caspert

welcher Inhaber 'div'? Fehlt dir etwas Markup? Scheint nicht zu deinem Bild zu passen. –

Danke für's Bemerken. Die drei Figuren sind in ein anderes Div. Das Gitter zeigt den Container, um alles im Ansichtsfenster zu zentrieren (Bootstrap-Gitter). @MichaelCoker – Caspert

Haben Sie versucht flexboxes mit? Setzen Sie display: flex; flex-direction: row; auf Ihren Container und flex: 1 1 auto; auf Ihre Kinder. (Das sollte ein einfacher Fall für IE sein, um es richtig zu machen. :)

Quelle

2017-05-01 20:06:01 DavidW

Wie richtet man einen Div-Halter auf das Ansichtsfenster und andere div aus?

Antwort

Verwandte Themen