css - 无法正确居中按钮

Question

我试图在 ASP.NET 容器中居中一个按钮。我在这里和其他网站上查看了很多答案。我发现一篇帖子说要使用

<center></center>

标签，这是迄今为止唯一有效的建议。它确实主要使按钮居中，但它仍然偏向一侧。我想做的不是使用类似于上面的中心标签的建议，而是希望能够设置按钮的边距。有人会帮我吗？我知道这可能是一个简单的答案，但我对 ASP.NET 很陌生。提前致谢。

这是我正在使用的代码：

<asp:Button id="uxUploadExcel" runat="server" Text="Pull Student Data"/>

score 0 · Accepted Answer

一个简单的解决方案是在此处使用 CSS 并将其应用于父容器。您还可以通过 CSS 在按钮上设置边距。

.parentContainer {
  text-align: center;
}

#uxUploadExcel {
  margin: 10px;
}

<div class="parentContainer">
  <button id="uxUploadExcel" runat="server">Pull Student Data</button>
</div>

注意：我在这里写了一个普通的 html 按钮，但是可以使用 ASP.NET 按钮来代替它。

1 回答 1