2012-04-10 20 views
5

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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Respuesta

1

bien que haya establecido la tabla a 100% ancho .. que debe expandirse algo :-)

+1

sí, le está dando el espacio extra a las tres columnas, pero quiero que solo la columna del medio obtenga el espacio extra. – Echo

+1

establece tu columna del medio al 100% de ancho :-) – Gatekeeper

+0

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

0

¿Por qué no utilizar porcentajes de anchuras? El ancho 100% expande las columnas y si las columnas no tienen un ancho establecido, agrega la cantidad restante en proporción al resto de las columnas.

Cuestiones relacionadas