html - 如何在 div 中的表格中添加水平滚动条？

Question

如何将水平滚动条添加到 div 内的表格中？有没有 CSS 解决方案？

Answer 1

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

例如：

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

Answer 2

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

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

Answer 3

添加滚动条使用溢出：

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

您还必须向表格添加宽度：

table {
    width: 300px;
}

http://jsfiddle.net/tpDGE/

Answer 4

尝试一下：

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