Definición de .table-layout en CSS
La propiedad .table-layout define qué algoritmo debe usar el navegador para establecer filas de tabla, celdas y columnas.
Ejemplo de empleo de la propiedad table-layout
Esta propiedad de CSS normalmente se utiliza de esta forma:
table {
table-layout: fixed;
}Otro ejemplo más avanzado de .table-layout es el siguiente de CODEPEN:
Sintaxis de .table-layout en CSS
table-layout: auto|fixed|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| auto | Los navegadores utilizan un algoritmo de diseño de tabla automático. El ancho de la columna lo establece el contenido indescifrable más ancho de las celdas. El contenido dictará el diseño. | |
| fijado | Establece un algoritmo de diseño de tabla fijo. Los anchos de tabla y columna se establecen por los anchos de tabla y columna o por el ancho de la primera fila de celdas. Las celdas en otras filas no afectan el ancho de las columnas. Si no hay anchos presentes en la primera fila, los anchos de columna se dividen por igual en la tabla, independientemente del contenido dentro de las celdas. | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .table-layout
Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
