如何在div中的表中添加水平滚动条?

时间:2012-06-07 02:48:44

标签: html css html5 css3 html-table

如何将水平滚动条添加到div内的表格? 这有CSS解决方案吗?

4 个答案:

答案 0 :(得分:12)

您将无法向表格添加滚动条,但可以将其添加到包含表格的DIV中。

例如:

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

答案 1 :(得分:7)

如果你只想要一个水平滚动条,请使用overflow-x:auto;然后设置宽度。

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

答案 2 :(得分:4)

试一试:

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

答案 3 :(得分:4)

要添加滚动条,请使用overflow:

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

您还必须为表格添加宽度:

table {
    width: 300px;
}

http://jsfiddle.net/tpDGE/