Question

我想设置div中包含的表的列宽。表格的宽度可以超过固定宽度div，所以我希望div显示一个水平滚动条 - 但是表格列不会扩展到我设置的宽度。我怎样才能让它发挥作用？

#content {
    width:200px;
    overflow-x: auto;
}
td,th {
   border-style:solid;
}

<div id="content">
<table style="border-style:solid;">
    <tr>
        <th style="width:50px">124</th>
        <th style="width:550px">124</th>
    </tr>
    <tr>
        <td>124</td>
        <td>124</td>
    </tr>
</table>
</div>

Answer 1

如果要强制使用表格宽度，则需要使用最小宽度。

以下是滚动条的示例： http://jsfiddle.net/CEUVV/

Answer 2

使用最小宽度属性

    <th style="min-width:50px">124</th>
    <th style="min-width:550px">124</th>

使用水平滚动条在div中设置表格的列宽

2 个答案: