尝试将 asp 图像按钮置于 div 内居中

Question

我正在尝试构建一个由 5 个图像按钮组成的用户控件，这些按钮必须在 div 内彼此堆叠。图像的大小各不相同。 我如何让它们在包含的 div 内居中？

<div class="ButtonBox">
<asp:ImageButton ID="ImageButton1" runat="server" 
    ImageUrl="/css/images/lightbulb.png" CssClass="button" />
<br/>

<asp:ImageButton ID="ImageButton2" runat="server" 
    ImageUrl="/css/images/testimonials.png" CssClass="button" />
<br/>
<asp:ImageButton ID="ImageButton3" runat="server" 
    ImageUrl="/css/images/templates.png" CssClass="button" />
<br/>
<asp:ImageButton ID="ImageButton4" runat="server" 
    ImageUrl="/css/images/video.png" CssClass="button" />
<br/>
<asp:ImageButton ID="ImageButton5" runat="server" 
    ImageUrl="/css/images/audio.png" CssClass="button" />
<br/>
</div>

Answer 1

您可以使用一些 CSS 将图像按钮居中。

.ButtonBox input{
   display:block;
   margin:0 auto;
}