尝试在div中居中asp imagebutton

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;
}