2012-04-10 16 views
5

Sto provando a creare una tabella in cui due delle colonne hanno la larghezza minima necessaria per contenere il contenuto e la terza colonna dovrebbe essere la più ampia possibile. So quanto saranno ampie le due colonne e non cambieranno più di tanto, ma preferirei il minimo possibile di larghezze hard-coded.Come impostare una larghezza minima automatica sulla colonna con css?

Ecco cosa ho ottenuto:

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

Le prime e ultime colonne occupano più spazio del necessario causando la colonna centrale non guardare centrato. C'è un modo per fare questo o devo solo hardcode le larghezze?

Modifica: la risposta è così semplice. Ecco la risposta piena in caso aiuta chiunque altro:

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

risposta

1

Bene avete il vostro tavolo impostato al 100% la larghezza .. si deve espandere qualcosa :-)

+1

sì, sta dando lo spazio extra a tutte e tre le colonne, ma voglio solo la colonna centrale per ottenere lo spazio extra. – Echo

+1

imposta la colonna centrale al 100% della larghezza :-) – Gatekeeper

+0

sì ... Pensavo che mi mancasse qualcosa di semplice. Stavo pensando che dovevo fare qualcosa alle altre due colonne, invece di fare semplicemente espandere completamente la colonna centrale. – Echo

0

Perché non si utilizza percentuali di larghezze? Larghezza 100% espande le colonne e se le colonne non hanno una larghezza impostata, aggiunge l'importo residuo in proporzione al resto delle colonne.

Problemi correlati