试图将div中的asp图像按钮居中

Question

我试图构建一个由5个图像按钮组成的用户控件，它们必须在div内互相堆叠ontop。图像大小不一。 我如何让他们在包含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; 
}