Как установить автоматическую минимальную ширину столбца с помощью css?

Question

Я пытаюсь создать таблицу, где два из столбцов являются наименьшей шириной, необходимой для содержания содержимого, а третий столбец будет как можно шире. Я знаю, насколько широки будут два столбца, и они не изменятся так сильно, но я предпочел бы как можно меньше жестко кодированных ширин.

Вот что я получил:

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

Первые и последние столбцы занимают больше места, чем требуется в результате чего средний столбец не выглядеть по центру. Есть ли способ сделать это, или я должен просто кодировать ширину?

Редактировать: ответ прост. Вот полный ответ в случае, если это помогает кто-то другой: ширина

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

Ну вы установили ваш стол на 100% .. он должен расширить что-то :-)

Answer 2

Почему вы не использовать проценты для ширина? Ширина 100% расширяет столбцы, и если столбцы не имеют заданной ширины, она добавляет оставшуюся сумму пропорционально остальным столбцам.