2010-03-29 20 views
19

Forma (con evidenziazione firebug muovere il td):Regolare la larghezza della colonna della tabella di dimensioni contenuti

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

Etichetta colonna CSS:

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

Il problema:

Perché m Le colonne di sinistra hanno quell'invisibile "imbottitura a destra"? Non è possibile ridurre le colonne per adattarle al loro contenuto?

--EDIT--

il problema era la tabella stessa. Ho definito la tabella con "width: 100%". Rimosso e il problema è sparito.

+2

Anche l'HTML è rilevante. –

+0

Assolutamente giusto! +1 per quello: D –

+0

Possibile duplicato di [autowidth della colonna della tabella CSS] (https://stackoverflow.com/questions/4757844/css-table-column-autowidth) – Vadzim

risposta

27

Il problema era la larghezza del tavolo. Avevo usato width: 100% per il tavolo. Le colonne della tabella vengono regolate automaticamente dopo aver rimosso il tag della larghezza.

1

forse problema con margine?

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

Ho aggiunto "margine: 0" al mio post ma è non il problema –

+0

? – fl00r

2

Se si desidera che la tabella sia ancora al 100%, impostare una delle colonne con una larghezza: 100%; Ciò estenderà quella colonna per riempire lo spazio extra e consentirà alle altre colonne di mantenere la larghezza automatica :)

Problemi correlati