Попытка центрировать кнопки asp image внутри div - PullRequest
Новая
       5

Попытка центрировать кнопки asp image внутри div

0 голосов
/ 26 января 2012

Я пытаюсь создать пользовательский элемент управления, состоящий из 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>

1 Ответ

1 голос
/ 26 января 2012

Вы можете центрировать кнопки изображения с небольшим количеством CSS. 

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