css - 段落内的超链接标签和文本对齐：居中

Question

<div style="width:400px">
  <p style="text-align:center">
    <a>
      <img src"..." />
    </a>
    Some text..
  </p>
</div>

所以这里的目标是使图像在 div 内居中。Text-align:center 适用于不在超链接标签内的图像，但一旦它们存在，它就不会影响它们，只会影响文本。

我不想使用 display:block 和 margin-left/right auto，只是因为我们需要使用浮动将一些图片左右对齐。

任何想法为什么超链接会阻止文本对齐工作？

Answer 1

您还需要添加text-align:center;父锚以使图像在锚链接内对齐中心。

<div style="width:400px">
    <p style="text-align:center;">
        <a style="text-align:center;">
            <img src"..." />
        </a>
        Some text..
    </p>
</div>