HTML CSS 表格布局

Question

我在创建合适的表格布局时遇到问题。

我需要表格有一个特定的宽度，有 3 列(目前没有问题)。问题是我需要第二列只需要其内容的宽度，不能更大，并且该列必须动态适应该内容。

另外两个应该占据表格的剩余宽度。

例子:

---------------------------------------------------------------------------------
|                             |Here is the main text|                           |
---------------------------------------------------------------------------------

Answer 1

DEMO FIDDLE

HTML

<table>
    <tr>
        <td>Row 1 Col 1</td>
        <td>Row 1 Col 2</td>
        <td>Row 1 Col 3</td>
    </tr>
</table>

CSS

table {
    width:100%;
}
td {
    border:1px solid grey;
}
td:nth-child(2) {
    width:1px;
    white-space:nowrap;
}