css - 试图在 div 中居中 asp imagebuttons

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