Jak wyśrodkować (w pionie i poziomie) przyciski w znaczniku div?

Question

Próbuję określić, jak wyśrodkować (pionowo i poziomo) przyciski w znaczniku div.

Biorąc pod uwagę następujące CSS:

div.listBoxMoverUserControl 
{ 
    width: 350px; 
    height: 175px; 
} 

div.listBoxMoverUserControl div 
{ 
    height: 150px; 
} 

div.listBoxMoverUserControl div select 
{ 
    width: 150px; 
    height: 150px; 
} 

div.listBoxMoverUserControl div.listBoxMoverUserControl_column1 
{ 
    float: left; 
    width: 150px; 
} 

div.listBoxMoverUserControl div.listBoxMoverUserControl_column2 
{ 
    float: left; 
    width: 50px; 
} 

div.listBoxMoverUserControl div.listBoxMoverUserControl_column3 
{ 
    float: left; 
    width: 150px; 
} 

chciałbym mieć przyciski w tym znaczników środku. Jak mogę zmodyfikować CSS, aby to osiągnąć?

<div class="listBoxMoverUserControl"> 
    <div class="listBoxMoverUserControl_column1"> 
     <label>Test1</label> 
     <asp:ListBox runat="server"></asp:ListBox> 
    </div> 
    <div class="listBoxMoverUserControl_column2"> 
     <input id="btnMoveRight" type="button" value="->" /> <br /> 
     <input id="btnMoveLeft" type="button" value="<-" /> <br /> 
    </div> 
    <div class="listBoxMoverUserControl_column3"> 
     <label>Test2</label> 
     <asp:ListBox runat="server"></asp:ListBox> 
    </div> 
</div> 

Answer 1

ustawić marginesy wokół obiektu, aby zająć resztę przestrzeni. Jeśli chcesz wyśrodkować 50px na 50px div w 100px na 100px div, wówczas ustawisz margines 25px wokół div 50px.

Answer 2

Zestaw elementów wewnątrz div tak:

margin: 0px auto 0px auto; text-align: center;

** Właśnie zrobiłem przykładowy wiersz, aby pokazać, co mam na myśli.

Answer 3

Vertical Centering in CSS

można wyśrodkować tekst horizintally korzystając

text-align: center;