Использовать CSS для автоматического определения содержимого ширины

Question

У меня есть таблица с двумя столбцами. Второй столбец должен ВСЕГДА показать, что это контент, и ширина должна автоматически рассчитываться на основе содержимого. Первый столбец должен быть как можно шире до определенной точки (максимальная ширина). К сожалению, я использую только WPF, а не HTML. В WPF я хотел бы написать следующее:

<Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*" MaxWidth="600" /> 
    <ColumnDefinition Width="Auto" /> 
</Grid.ColumnDefinitions> 

Мой HTML является:

<colgroup> 
    <col class="fullWidthCol" /> 
    <col class="autoWidthCol" /> 
</colgroup> 

Мой CSS является:

.fullWidthCol { 
    width: 100%; 
    max-width: 600px; 
} 

.autoWidthCol { 
    overflow: auto; 
} 

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

Answer 1

Похоже, td не принимает спецификацию max-width. Просто используйте width; на td, width будет иметь такой же эффект.

Пример:

table 
{ width: 100%; } 

.fullWidthCol 
{ width: 300px; } 

<table border="1"> 
    <tr> 
    <td class="fullWidthCol">The first column should be as wide as possible up to a certain point (max width). </td> 
    <td class="autoWidthCol">The second column should ALWAYS show it's content perfectly and the width should be automatically calculated based on the content. </td> 
    </tr> 
</table> 

Или увидеть http://jsfiddle.net/HdSA2/.