2010-03-29 27 views
19

Forma (con punto culminante firebug pase el td):ajustar el ancho de columna de la tabla con el tamaño de contenido

example http://img52.imageshack.us/img52/4377/testeyy.png

etiqueta de columna CSS:

width: auto; 
padding: 0; 
margin: 0; 

El problema:

¿Por qué m? ¿Las columnas de la izquierda tienen ese "derecho de relleno" invisible? No es posible reducir las columnas para adaptarlas a su contenido?

--EDIT--

El problema era la propia tabla. Definí la tabla con "ancho: 100%". Eliminado eso y el problema se ha ido.

+2

HTML es relevante también. –

+0

¡Absolutamente correcto! +1 para eso: D –

+0

Posible duplicado del [autowidth de columna de tabla CSS] (https://stackoverflow.com/questions/4757844/css-table-column-autowidth) – Vadzim

Respuesta

27

El problema era el ancho de la tabla. Yo había usado width: 100% para la tabla. Las columnas de la tabla se ajustan automáticamente después de eliminar la etiqueta de ancho.

1

¿problema con el margen?

width:auto; 
padding: 0px; 
margin: 0px 
+0

Agregué "margin: 0" a mi publicación pero es no el problema –

+0

? – fl00r

2

Si desea que la tabla siga siendo del 100%, configure una de las columnas para que tenga un ancho: 100%; Eso ampliará esa columna para llenar el espacio adicional y permitirá que las otras columnas mantengan su ancho automático :)

Cuestiones relacionadas