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

Question

如何在外部包含一个 div 的表格中添加水平滚动条？ 这个问题是否有 CSS 解决方案？

- Sandy

Answer 1

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

例如：

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

- Victoria Ruiz

---

div { 浮动: 左; 高度: 自动; 横向溢出: 自动; 纵向溢出: 隐藏; 空白处: 不换行; } - Sandy

Answer 2

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

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

- DRTauli

Answer 3

要添加滚动条，请使用overflow属性：

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

你还需为表格添加宽度：

table {
    width: 300px;
}

http://jsfiddle.net/tpDGE/

- jasssonpet

---

yhays的答案div { float: left; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } - Sandy

Answer 4

试一下：

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

- Tooraj Jam

---

那就是答案 div { float: left; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } - Sandy