Jak ustawić automatyczną minimalną szerokość w kolumnie za pomocą css?

Question

Próbuję utworzyć tabelę, w której dwie kolumny mają najmniejszą szerokość, aby pomieścić zawartość, a trzecia kolumna będzie możliwie jak najszersza. Wiem, jak szerokie są te dwie kolumny i one nie zmienią się tak bardzo, ale wolę raczej mało zakodowane szerokości, jak to tylko możliwe.

Oto co mam:

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

Pierwsze i ostatnie kolumny zajmują więcej miejsca niż potrzeba powodując kolumnę środkową nie patrzeć wyśrodkowany. Czy istnieje sposób, aby to zrobić, czy powinienem po prostu zakodować szerokości?

Edytuj: Odpowiedź jest bardzo prosta. Oto pełna odpowiedź w przypadku pomaga ktoś inny:

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

Answer 1

dobrze ustawiłeś tabela do 100% szerokości .. musi rozwinąć coś :-)

Answer 2

Dlaczego nie używacie procentowe dla szerokości? Szerokość 100% rozszerza kolumny, a jeśli kolumny nie mają ustawionej szerokości, dodaje nadmiarową ilość proporcjonalnie do pozostałych kolumn.