试图将 div 中的 asp imagebuttons 居中答案

【问题标题】：Trying to center asp imagebuttons inside div试图将 div 中的 asp imagebuttons 居中
【发布时间】：2012-01-26 10:28:09
【问题描述】：

我正在尝试构建一个由 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>

【问题讨论】：

标签： css html imagebutton centering

【解决方案1】：

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

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

【讨论】：