¿Cómo puedo alinear verticalmente una en medio de una altura fija ?

¿Por qué el código siguiente no hace que la

se alinee verticalmente en medio de la

?

 
     
     
     

Quiero la

en medio de

, ¡pero está en la parte superior! ¿Cómo puedo arreglar esto?

Gracias por sus futuros consejos.

Fuera de las celdas de la tabla, la alineación vertical establece la alineación vertical del texto dentro de una línea, en lugar de la alineación vertical de elementos completos como la tabla.

Sin embargo, si establece display: table-cell; en su

, eso parece lograr el efecto que desea.

Aunque no estoy seguro de cuántos navegadores soportan esto. He comprobado en Chrome 6, Firefox 2 y Opera 10.5, y están bien con eso. Internet Explorer podría ser una cuestión diferente.

Prueba esto:

  

table es un elemento de bloque. Para que se alinee verticalmente, creo que se debe mostrar como en inline . inline-block a menudo te dará lo mejor de ambos mundos en situaciones como estas. ¡Aclamaciones!

Es fácil. Siempre use este >> estilo = “vertical-align: middle” < < dentro de cada TD. Puedes usar arriba, medio y abajo. Puedes insertarlo en el CSS también.

prueba esto:

 #centerAligned{ text-align: center; margin-top: 50%; } 

funciono para mi !!