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

Question

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

原文由 Sandy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您不能将滚动条添加到表中，但可以将它添加到包含您的表的 DIV 中。

例如：

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

原文由 Victoria Ruiz 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

原文由 DRTauli 发布，翻译遵循 CC BY-SA 3.0 许可协议