可滚动表css,如何设置宽度百分比?

时间:2014-08-10 06:19:29

标签: html css

我有一些数据表,我想通过сss将垂直滚动添加到tbody table

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table tbody {
    display: block;
}

table tbody {
   overflow: auto;
   height: 50px;
}

但我不知道如何创建具有固定宽度的单元格,以便看起来像origin-table,但只能使用滚动条。

执行此操作的最佳做​​法是什么?

1 个答案:

答案 0 :(得分:0)

table tbody {
    display: block;
    overflow: auto;
    height: 50px;
}

我不确定你为什么要这样做两次。如图所示排列,根据您的最小或最大宽度和高度设置,您不需要更改太多。如果您的表格或tbody超出您的设置,则会出现水平滚动条。如果您只是想要一个没有空间的非常小的页面,那么您将需要进行调整。就最佳做法而言,访问http://www.w3c.org他们将拥有所有最佳做法,这是我认为最适合搜索的地方。

希望这有帮助!