1

我有一个有两列的表。第二列应始终完美显示其内容，并且应根据内容自动计算宽度。第一列应尽可能宽到某个点（最大宽度）。不幸的是，我只习惯 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;
}

我确定我什至没有接近。它忽略了我的最大宽度并将第一列的大小尽可能大，将第二列推到屏幕的右侧。

4

1 回答 1

0

看起来td不接受max-width规范。改用width；在 a 上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/。

于 2012-10-23T16:10:46.650 回答