Html css层排序和排列

我试图有一个一层，和中心的图像内。也就是说，如果我有3个图像，并且想要在它们下面有3个链接，有没有一种方法可以做到这一点，而不用为每个链接和图像使用单独的div标记？要自动使链接位于图像下方的中心位置，并使图像在层内均匀分布，请执行以下操作：

---

我还想知道如果可能的话，我将如何在标准html后面显示div。也就是说，如果我有一些文本和文本上方的div，当我希望div位于后面时，div将默认显示在文本上方。只有使用另一层才能做到这一点吗？

是的，您必须在每个图像及其标题周围放置一个容器元素，如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 */
}

标题
更多标题
--------
.图文箱分区{
文本对齐：居中；
/*任意宽度/高度/位置*/
}

---

对于问题的第二部分，关于将其放在其他文本后面，请看一看，尽管我认为这只适用于绝对定位的元素。

nickf是正确的，z-index只适用于绝对定位的元素

您可以使包含元素position:relative，然后同时指定image和link-position:absolute以影响它们的堆叠顺序