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

Question

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

文本对齐：中心适用于不在超链接标签内的图像，但一旦它们在超链接标签内，它不会影响它们，只是文本。

我不想使用 display：block 和边距左/右自动，仅仅是因为我们需要使用浮动将一些图片左右对齐。

知道为什么超链接会阻止文本对齐工作吗？

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>