horizontally - CSS: min-height y vertical-align: middle

vertical align div css

Question

¿Cómo forzar min-height y vertical-align:middle para trabajar con el elemento td o su elemento interno?

Answer 1

La height en un elemento td es equivalente a min-height , ya que una celda de la tabla siempre se estirará si es necesario, pero tenga en cuenta que, especialmente en una tabla compleja, establecer alturas en las filas de la tabla es un proceso complicado, a menudo imposible, para los navegadores. tienen un gran margen de maniobra en la forma en que representan las tablas y con frecuencia emitirán un "juicio de juicio"

td {
 height: 100px;
 vertical-align:middle;
}

Answer 2

Para forzar el atributo de altura mínima para td, también puedes poner una imagen invisible en td, o envolver td en div. Ejemplo para el primer caso:

<td><img style="float:left;min-height:50px;visibility:hidden;width:0px;">12345</td>

Answer 3

Siempre puedes poner un div dentro del td y poner las reglas css en el div ...

Answer 4

margin: *;

Podría hacer el trabajo ...