使用水平滚动条设置表格的列宽度

我想设置包含在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>

来源

2012-02-16 StevenChow

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

这里是滚动条的示例： http://jsfiddle.net/CEUVV/

来源

2012-02-16 05:04:04 Christophe

使用分宽度属性

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

来源

2012-02-16 05:10:00

使用水平滚动条设置表格的列宽度

回答

相关问题