come per centrare il tasto all'interno di una cella di una tabella

Question

Sto cercando di centrare un pulsante all'interno della tabella da: text-align: center

Tuttavia, sembra che non funziona per me.

Nota: ho utilizzato Display: table-cell combinato con Vertical-align: middle per centrare il testo del pulsante. Come puoi vedere il testo del primo pulsante "AAAAAAA" è nel mezzo.

Qualcuno può aiutarmi a centrare il pulsante senza influire sul testo del pulsante. Grazie in anticipo.

Ecco il codice di esempio:

http://codepen.io/anon/pen/pAcBx

Answer 1

Change display: table-cell a display: inline-block:

.inner_button { 
    /* ... */ 
    display: inline-block; 
    /* ... */ 
} 

Answer 2

faccio di solito

margin:auto; 
    display:block; 

Credo @rhino risposta funziona pure. Ricordarsi di togliere

display:table-cell; 

Answer 3

È possibile utilizzare la proprietà table-cell visualizzazione del div contenitore e impostare la vertical-align proprietà middle:

HTML

<div id="table"> 
    <div class="row"> 
     <div class="cell"> 
      <a href="">I'm your button</a> 
     </div> 
    </div> 
</div> 

CSS

#table { 
    width: 300px; 
    display: table; 
    background: red; 
} 

.row { 
    display: table-row; 
} 

.cell { 
    display: table-cell; 
    height: 200px; 
    background: yellow; 
    vertical-align: middle; 
    text-align: center; 
} 

È possibile trovare the fiddle here.

Answer 4

questo funziona

td{ 
    align:center; 
} 

semplice e facile ... Spero che aiuta

Answer 5

ho aggiunto questo al TableCell e centrato il mio ImageButton. Penso che stessimo incontrando lo stesso problema.

<asp:TableCell HorizontalAlign="Center" style="padding: 0px;"> 
    <asp:ImageButton/> 
</asp:TableCell> 

trovato la mia risposta qui: http://forums.asp.net/t/1418752.aspx?image+button+inside+table+cell