如何向div中的表添加水平滾動條？

Question

如何將水平滾動條添加到div內的表中？ 有沒有CSS解決方案？

Answer 1

您將無法向表中添加滾動條，但可以將其添加到包含您的表格的DIV中。

例如：

<div style="width: 400px; height: 200px; overflow: scroll;"> 
    <table>...</table> 
</div> 

Answer 2

試試：

div { 
    display: block; 
    height: 200px; 
    overflow: scroll; 
} 

Answer 3

要添加滾動使用溢出：

div { 
    width: 100px; 
    overflow: auto; 
} 

你必須寬度添加到表太：

table { 
    width: 300px; 
} 

http://jsfiddle.net/tpDGE/

Answer 4

如果您只想要一個水平滾動條，請使用overflow-x：auto;然後設置寬度。

div 
{ 
width: 300px; 
overflow-x:auto; 
overflow-y:hidden; 
}