Question

我正试图沿着它们的底边对齐3张图像，使它看起来干净均匀。我在Div中有3张图像，Div在一个区域内。该部分位于相对位置，Div位于绝对位置，底部：0，因此图像保留在页面底部的页脚上方。

如何让图像的下边缘像在平面线上一样对齐？

注意*：忽略内联样式，图像不成比例，所以我必须使用内联样式来修复它们。

HMTL：

<section>
    <div class="logo-footer">
        <img style="width: 100px; margin-right: 40px" src="google.com/images/srpr/logo11w.png"/>
        <img style="width: 500px; height: 75px; " src="google.com/images/srpr/logo11w.png"/>
        <img style="width: 250px" src="google.com/images/srpr/logo11w.png"/>
    </div>
</section>

CSS：

.logo-footer {
display: -webkit-flex;
display: flex;

-webkit-flex-direction: row;
flex-direction: row;

-webkit-justify-content: center;
justify-content: center;

-webkit-align-self: center;
align-self: center;

height: 115px;

position: absolute;
bottom: 10px;
}

.logo-footer img{
margin: 0 50px;
}

Answer 1

设置部分position:relative和div position:absolute，颠倒你做到了。然后设置div底部：0px或任何你需要的。

CSS：沿div底部对齐图像

1 个答案: