如何對齊這個div底部的圖像？

我有3張圖片，並想告訴他們這樣的：如何對齊這個div底部的圖像？

AABB 
AABB 
AACC 
AACC

A，B，C的圖像。因爲A的身高是不是B和C的高度之和，所以我想顯示對齊到C.

這裏的底部是我現在使用的代碼：基於

<div class="logo-wrap"> 

    <div class="site-title" style="position: relative; " > 
     <a href="@Url.Action("Index", "Home")"> 
     <img src="~/Images/girl.png" /> 
     </a> 
    </div> 
    <div class="site-sub-header"> 
     <img src="~/Images/logo.png" style="height:75%;" /> 
     <br/> 
     <img src="~/Images/icons.png" style="height:75%; " /> 
    </div>     

</div>

How do I position an image at the bottom of div?，我設置的標誌，包裝到

position: relative;

那麼girl.png圖像設置爲

position: absolute; 
left: 0; 
bottom: 0;

但它確實沒有工作。任何人都有建議？

感謝

來源

2016-08-14 urlreader

你可以創建一個小提琴請一個很好的解決方案。 – Abhi

這是你想達到的目標嗎？ [** DEMO **]（https://jsfiddle.net/rickyruizm/gvsL12yr/） – Ricky

使用display:inline-block組織的行，例如：「AABB」我不認爲position:absolute是這個

來源

2016-08-14 18:12:05

如何對齊這個div底部的圖像？

回答

相關問題