расположение трех колонн с изображением внизу

Question

У меня есть расположение трех столбцов. Мне нужно вставить изображение в нижней части каждого окна. Как я могу это сделать?

<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> 

Как выровнять изображение в нижней части каждого div, учитывая, что они имеют переменную высоту?

Answer 1

использовать что-то вроде этого

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

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

, если это работает, использовать его для других див, а если вы хотите, чтобы эти див, чтобы быть боком о боке, то сделать

.box { 
display:flex; 
} 

Надеется, что это помогает

Позаботьтесь о счастливом кодировании