首先尽可能宽，最大百分比宽度，所有其他不包装

Question

考虑以下HTML表：

<table>
    <thead>
        <th class="col one">One</th>
        <th class="col two">Two</th>
        <th class="col three">Three</th>
        <th class="col four">Four</th>
        <!-- Any number of columns follow... -->
    </thead>
    <tbody>
        <!-- content... -->
    </tbody>
</table>

对列进行样式设置的正确方法（使用CSS）是这样的：

1. col.one必须尽可能地伸展，但不得超过35％。
2. 所有其他列可以尽可能薄，但不包含内容。

示例：

好：

<-------------|   Max 35%   |-------------->
__________________________________________________________________
| One                                       | Two | Three | Four |
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

为：

__________________________________________________________________
|                                                    | T | T | F |
|                                                    | w | h | o |
| One                                                | o | r | u |
|                                                    |   | e | r |
|                                                    |   | e |   |
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

由于

Answer 1

对于您的第一个请求，正如@KheemaPandey所说，您应该在CSS中使用
max-width:35%
。

根据您的第二个请求，格式化您不希望用white-space: nowrap;包裹的列。
应该这样做。