2

如果不使用 Javascript ,我似乎无法找到一种方法来做到这一点。

假设我有一个<table>,并且我不知道填充第一列的内容的潜在宽度。这<table>使得width:100%其余列可以根据需要调整大小,但我想保持第一列的宽度固定,这样它就不会比内容大。

没有Javascript这可能吗?

<table>
    <tr>
        <th>Dynamic content column of unknown width</th>
        <th>Some other column that is allowed to grow/shrink</th>
    </tr>
    <tr>
        <td>Lorem ipsum ...</td>
        <td>195383 ...</td>
    </tr>
</table>
4

2 回答 2

3

似乎通过将动态内容列的宽度设置为1px,列宽将固定为列中内容的宽度,并且仍然允许其他列随表格增大/缩小。

于 2013-07-03T17:09:07.153 回答
0

要为第一列设置固定宽度:

tr th:first-child, tr td:first-child {
    width: 200px;
}
于 2013-07-03T17:06:25.977 回答