如何在此div底部對齊圖像？

Question

我有3張圖片，並想像這樣顯示它們：

AABB
AABB
AACC
AACC

A，B，C是圖像。 因為A的高度不是B和C的高度之和，所以我想讓A對齊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>

基於如何將圖像放置在div的底部？ ，我將徽標換行設置為

position: relative; 

然后將girl.png圖像設置為

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

但這行不通。 有人有建議嗎？

謝謝

Answer 1

采用：

display:inline-block;

整理行，例如：“ AABB”。

我不認為：

position:absolute;

是一個很好的解決方案。