我一直试图遵循其他指南，并亲自进行研究，以了解是什么干扰了文本无法在图像下对齐。

有没有人有类似的问题？

HTML

  <div id="cf">
    <img class="bottom" src="/Images/t-shirtclose.png"  alt="sometext" style="width:400px;height:420px" />
    <img class="top" src="/Images/T-shirt.png"  alt="sometext" style="width:400px;height:420px" />
    <p>Some text</p>
</div>

在CSS中，#cf img正在干扰允许文本在它下面对齐

CSS

  <div id="cf">
    <img class="bottom" src="/Images/t-shirtclose.png"  alt="sometext" style="width:400px;height:420px" />
    <img class="top" src="/Images/T-shirt.png"  alt="sometext" style="width:400px;height:420px" />
    <p>Some text</p>
</div>

代码如下 https://jsfiddle.net/kalilath/ry2aoxc5/1/

顺晟科技：

针对更新后的问题更新：如果您想要将一个项目居中放在一个绝对位置的元素之上，可以使用以下命令（并确保父元素具有作为其属性）:

  <div id="cf">
    <img class="bottom" src="/Images/t-shirtclose.png"  alt="sometext" style="width:400px;height:420px" />
    <img class="top" src="/Images/T-shirt.png"  alt="sometext" style="width:400px;height:420px" />
    <p>Some text</p>
</div>

如果要将图像堆叠在一起，并使容器中的所有图像都居中，请在容器上使用。

设置为将垂直堆叠容器中的所有内容，并在中间设置为水平对齐所有内容。