3列のレイアウトの下に画像がある

Question

私は3列のレイアウトを持っています。私は各箱の底にイメージを貼り付ける必要があります。どうやってやるの？

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

のようなもの。この作品は、同様に他のdivのためにそれを使用して、これらのdivを横並びになりたい場合は、その後

.box { 
display:flex; 
} 

希望をすれば、これは

を支援

ケアとハッピーコーディング