Estoy intentando crear una tabla donde dos de las columnas tienen el ancho más pequeño necesario para contener el contenido, y la tercera columna sería lo más amplia posible. Sé lo amplias que serán las dos columnas y no cambiarán tanto, pero preferiría el menor ancho posible codificado.¿Cómo establecer un ancho mínimo automático en la columna con css?
Esto es lo que tengo:
<table width="100%">
<tr>
<td align="left" style="width:auto;">
123 123 123 123 123
</td>
<td align="center">
bla bla
</td>
<td align="right" style="width:auto;">
hello
</td>
</tr>
</table>
La primera y última columnas ocupan más espacio que el necesario causando la columna central de no mirar centrado. ¿Hay alguna manera de hacerlo o debería codificar el ancho?
Editar: La respuesta es muy simple. Aquí está la respuesta completa en el caso de que ayuda a nadie:
<table width="100%">
<tr>
<td align="left" style="white-space:nowrap;">
123 123 123 123 123
</td>
<td align="center" width="100%">
bla bla
</td>
<td align="right">
hello
</td>
</tr>
</table>
sí, le está dando el espacio extra a las tres columnas, pero quiero que solo la columna del medio obtenga el espacio extra. – Echo
establece tu columna del medio al 100% de ancho :-) – Gatekeeper
yup ... Pensé que me estaba perdiendo algo simple. Estaba pensando que tenía que hacer algo con las otras dos columnas, en lugar de simplemente hacer que la columna del medio se expandiera por completo. – Echo