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>
sì, sta dando lo spazio extra a tutte e tre le colonne, ma voglio solo la colonna centrale per ottenere lo spazio extra. – Echo
imposta la colonna centrale al 100% della larghezza :-) – Gatekeeper
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