html - 如何将 anchor 标记与居中的按钮对齐

Question

我有一个按钮链接，我想将其水平居中对齐。这是按钮的代码-

HTML:


<a href="#"><button class="downloadButton">Download</button></a>

现在，我想将它居中对齐，请建议一个可能的 CSS，你可以在 JS Fiddle 找到这个 fiddle 。

附言:- 我不想使用 <center>标签

Answer 1

Working FIDDLE Demo

为什么要在 a 中使用 button。您可以只使用 a。并使 parent 的 text-align 到 center。

<div class="center">
    <a href="#" class="downloadButton">Download</a>
</div>

以及父级的 CSS:

.center { text-align: center; }

并为链接设置一个padding:

.downloadButton { padding: 7px 20px 8px 20px; }