css层排序和排列

Question

我正在尝试使用一个图层，并将图像置于其中。 I.E.，如果我有3张图片并想要下面有3个链接，有没有办法在不为每个链接和图像使用单独的div标签的情况下执行此操作？要自动使链接在图像下居中，并且图像在图层中均匀分布？

我还想知道如果可能的话，我会如何在标准html后面制作div节目。 I.E.如果我在文本上有一些文本和div，则div会默认显示在文本上，当我希望它落后时。这只能通过使用另一层吗？

Answer 1

是的，你必须在每个图像及其标题周围放置一个容器元素，例如div，以便将它们组合在一起。

<div class="pictureBox">
    <div>
        <img />
        caption caption
    </div>
    <div>
        <img />
        more caption
    </div>
</div>
--------
.pictureBox div {
    text-align: center;
    /* whatever width/height/positioning you want */
}

对于问题的第二部分，关于将其置于其他文本之后，请查看CSS z-index，但我认为这仅适用于绝对定位的元素。

Answer 2

nickf是对的，z-index仅适用于绝对定位的元素。

您可以使包含元素位置：relative，然后同时给出图像和链接位置：absolute以影响它们的堆叠顺序。