需要幫助!!!! 3盒上方圖像文本上方圖像對齊底部

Question

screenshot of what i need help with

我希望手機圖像對齊到底部，使他們都平均水平對齊。一直在嘗試一切，但不能得到它的工作。我保證我搜索了很多。也許我的搜索條件或描述不正確，但我找不到解決方案。我感謝任何幫助。

木材框架

div class="wrapper"> 
<div class="row content-grid-3"> 

    <div class="grid-item"> 
     <div class="feature-column medium left"> 
      <span class="feature-icon large icon-reelwards color-blue-light"></span> 
       <div class="feature-text"> 
        <h5>Reelwards</h5> 
         <p>In case it’s not enough connecting with your fellow anglers and getting all the tips you could want for free, NetFish also offers you Reelwards for using our app and building your social fishing network. Earn points in a number of ways, then trade them in for a variety of equipment and other fun items.</p> 
       </div> 
     </div> 

     <div class="feature-column medium center"> 
       <img src="https://cdn.shopify.com/s/files/1/0240/7519/files/screen-reelwards_0b97aca8-818b-4ed4-94bf-0e84ddd52894.png?2874" /> 
     </div> 

    </div> 

    <div class="grid-item"> 


     <div class="feature-column medium left "> 
      <span class="feature-icon large icon-images color-blue-light"></span> 
       <div class="feature-text"> 
        <h5>Share Photos</h5> 
         <p>With an easy to see layout and plenty of detail if you want to share, the Catch Feed details allows other users to see what you used to catch that monster...or minnow. Get ‘Likes’ and comments, start a conversation centered around your favorite catch!</p> 
       </div> 
     </div> 

     <div class="feature-column medium center"> 
      <img src="https://cdn.shopify.com/s/files/1/0240/7519/files/screen-catch_photo_d9c20c6c-1f48-47e8-aedb-67d834aab403.png?2874" /> 
     </div> 

    </div> 

    <div class="grid-item"> 

     <div class="feature-column medium left"> 
      <span class="feature-icon large icon-recipes color-blue-light"></span> 
       <div class="feature-text"> 
        <h5>Recipes</h5> 
         <p>While we encourage catch-and-release fishing as much as possible, sometimes you’ll end up wanted to eat that beautiful fish you caught. Simply go to the Recipes section and look up the type of fish you caught to see our suggestions. Along with the recipe, you’ll also find beer and wine suggestions.</p> 
       </div> 
     </div> 
     <div class="feature-column medium center"> 
      <img src="https://cdn.shopify.com/s/files/1/0240/7519/files/screen-recipe_8cf081cd-1938-4d52-9a26-90d65674e4d7.png?2874" /> 
     </div> 


    </div> 
</div> 


</div> 

Answer 1

你沒有提供任何代碼，所以我會告訴你許多的一種方式如何做到這一點。添加到您的父母2字段：display: flex和flex-direction: column和您的內容（描述）添加flex: 1。 Flex：1會將您的描述拉伸到儘可能最大。