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

San*_*ndy 6 html css html5 html-table css3

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

Vic*_*uiz 12

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

例如:

<div style="width: 400px; height: 200px; overflow: scroll;">
   <table>...</table>
</div>
Run Code Online (Sandbox Code Playgroud)

  • div {float:left; 身高:自动; overflow-x:auto; 溢出y:隐藏; 白色空间:nowrap; } (2认同)

DRT*_*uli 7

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

div
{
width: 300px;
overflow-x:auto;
overflow-y:hidden;
}
Run Code Online (Sandbox Code Playgroud)


jas*_*pet 5

要添加滚动条使用溢出:

div {
    width: 100px;
    overflow: auto;
}
Run Code Online (Sandbox Code Playgroud)

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

table {
    width: 300px;
}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/tpDGE/