Question

以下是一个示例：JsFiddle

我有一个包含3列的表格。每个应该有500px。但我的表调整大小以适应父div（600px）。

我的表格宽度应为1500（3x500），并且滚动条应显示在父div中。如何在不添加“width = XXX”的情况下解决此问题？

<div id="container">
<table id="table">
    <colgroup>
        <col style="width: 500px"></col>
        <col style="width: 500px"></col>
        <col style="width: 500px"></col>
    </colgroup>
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
    </tr>
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
    </tr>
</table>

Answer 1

将min-width应用于table代码（根据我对OP的评论中的说明，它不会对col起作用。）

更新了CSS：

#table {
    table-layout:fixed;
    margin:3px;
    border-collapse:collapse;
    min-width: 1500px;
}

在Chrome和Firefox中测试过，应得到广泛支持（根据caniuse）。

编辑我已经意识到这个答案并没有真正回答你的问题，因为它解决了col标签问题而不是解决问题。不过我希望它有所帮助。

强制html表使用colgroup宽度

1 个答案: