2012-03-25 9 views
27

He hecho un poco de investigación sobre este tema, pero yo sólo quería preguntar a las personas que lo sabría mucho mejor que yomin-height y de mesa células

¿Es cierto que el establecimiento de una altura de una celda de tabla solo actúa como min-height? Sé que esto es cierto en Firefox, pero ¿en qué otros navegadores sucede esto?

Respuesta

21

Respuesta corta: SÍ. He intentado cargar siguiente código:

<table border="0" style="background-color: yellow;"> 
    <tr style="background-color: green;"> 
     <td>row 0 cell 0</td> 
     <td>row 0 cell 1</td> 
    </tr> 
    <tr style="background-color: green;"> 
     <td height="50">row 1 cell 0</td> 
     <td>row 1 cell 1</td> 
    </tr> 
    <tr style="background-color: green;"> 
     <td style="height: 50px;">row 2 cell 0</td> 
     <td>row 2 cell 1</td> 
    </tr> 
</table> 

Tanto (altura y estilo) funcionan de la misma en los navegadores que probé:

  • Linux
    • Google Chrome 19.0
    • Firefox 13.0
    • Konqueror 4.8
  • Ventanas
    • Google Chrome 19.0
    • Firefox 12.0 y 13.0
    • Internet Explorer 8
  • Android 2.3.3
+17

Dependiendo de su objetivo, también es importante tener en cuenta que, si QUIERE una altura mínima, la configuración de altura mínima NO funcionará. Necesita establecer el atributo de altura. – mikepr

20

de: http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height

En CSS 2.1 , el efecto de 'min-height' y 'max-height' en tablas, i Las tablas nline, celdas de tabla, filas de tablas y grupos de filas no están definidas.

de: http://www.w3.org/TR/CSS21/tables.html#height-layout

La altura de un 'table-row' caja de elemento se calcula una vez que el agente de usuario tiene todas las celdas de la fila disponible: es el máximo de la fila de computado ' height ', la' altura 'calculada de cada celda en la fila y la altura mínima (MIN) requerida por las celdas. Un valor de 'altura' de 'auto' para una 'fila de tabla' significa que la altura de fila utilizada para el diseño es MIN. MIN depende de las alturas de la celda y de la alineación de la celda (muy similar al cálculo de la altura de un recuadro). CSS 2.1 no define cómo se calcula la altura de las celdas de la tabla y las filas de la tabla cuando su altura se especifica usando valores de porcentaje. CSS 2.1 no define el significado de 'altura' en grupos de filas.

En CSS 2.1, la altura de una celda es la altura mínima requerida por el contenido. La propiedad 'altura' de la celda de la tabla puede influir en la altura de la fila (ver arriba), pero no aumenta la altura de la celda.

Cuestiones relacionadas