tablas - tamaño de una tabla html
Haga columnas de igual ancho en<tabla> (3)
¿Cómo hacer columnas de igual ancho?
Cambiando dinámicamente el número de columnas.
Hoy tengo 13 columnas. Mañana se correrá 16. Todos no desean particularmente recalcular.
Creo que esto hará el truco:
table{
table-layout: fixed;
width: 300px;
}
Encontré esto en la tabla HTML: mantenga el mismo ancho para las columnas
Si configura el estilo table-layout: fixed; en su mesa, puede anular el cambio de tamaño automático de la columna del navegador. El navegador establecerá el ancho de las columnas en función del ancho de las celdas en la primera fila de la tabla. Cambie y quite el interior y, a continuación, establezca los anchos fijos para las celdas.
Use la siguiente propiedad igual que la tabla y es completamente dinámica:
ul {
width: 100%;
display: table;
table-layout: fixed; /* optional, for equal spacing */
border-collapse: collapse;
}
li {
display: table-cell;
text-align: center;
border: 1px solid pink;
vertical-align: middle;
}
<ul>
<li>foo<br>foo</li>
<li>barbarbarbarbar</li>
<li>baz klxjgkldjklg </li>
<li>baz</li>
<li>baz lds.jklklds</li>
</ul>
Puede ser que resuelva tu problema.