段落内的超链接标记和文本对齐：中心

Question

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

所以这里的目标是将图像置于div中心。文本对齐：中心适用于不在超链接标记内的图像，但一旦它们存在，它就不会影响它们，只会影响文本。

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

为什么超链接阻止text-align工作的任何想法？

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>