无法使按钮居中正确

时间:2018-07-17 21:01:50

标签: css button centering margins

我正在尝试在ASP.NET容器中居中放置按钮。我已经在这里和其他站点上找到了很多答案。我找到了一条说要使用

的帖子
<center></center>

标记,这是到目前为止可行的唯一建议。它的确使按钮居中,但一侧仍然只有一点点。我想做的是,而不是使用像上面的中心标签这样的建议,我希望能够为按钮设置边距。有人可以帮我吗?我知道这可能是一个简单的答案,但我对ASP.NET还是陌生的。在此先感谢。

这是我正在使用的代码:

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

1 个答案:

答案 0 :(得分:0)

一个简单的解决方案是在此处使用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按钮代替它。