logo标签列表

在 div 中将图像从底部堆叠到顶部

csshtml
6

假设我有一个固定宽度和高度的div容器。现在，我想将图像添加到容器中，让它们堆叠在一起。

如果我只是设置容器的宽度，并在其中添加图像，它们将从上到下堆叠。如何让它们从下到上堆叠？

谢谢。

1个回答
3
为了使其在现代浏览器中生效，您可以使用display: table-cell：

css

.container {
    display: table-cell;
    vertical-align: bottom;
}
.child {
    display: inline-block;    /* act like image */
}

html

<div class="container">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

这是一个在 jsfiddle 上的示例。

顺便说一下，这只会将它们对齐到底部，但仍然会显示第一个块在顶部...

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接