drei Spaltenlayout mit Bild unten

Question

Ich habe ein dreispaltiges Layout. Ich muss ein Bild an den Boden jeder Box kleben. Wie kann ich das machen?

<div class="box"> 
    <div class="item1">hello <img src="example1.png" /></div> 
    <div class="item1">test <img src="example2.png" /></div> 
    <div class="item1">hi <img src="example3.png" /></div> 
</div> 

Wie richte ich das Bild am unteren Rand jedes div aus, da sie variable Höhen haben?

Answer 1

Verwendung so etwas wie dieses

.item1 { 
display:flex; 
flex-direction: column; 
} 

<div class="item1"> 
    <p>hello<p> 
    <img src="example1.png" /> 
</div> 

wenn diese Werke verwenden es auch für andere divs als auch, und wenn Sie diese divs wollen Seite dann

.box { 
display:flex; 
} 

Hoffnung tun von Seite zu sein, das hilft

vorsichtig und glücklich Codierung