Html 引导表垂直滚动

我正在为我的应用程序制作一些引导表，但我被堆叠在垂直滚动条上。我可以借助于

overflow-y

，

display to block

，以及

给定高度

来实现这一点，它会按预期滚动，但问题是，当我的一个表格标题几乎没有文本字符时，它将无法填充整个表格的宽度。我想我错过了一些东西。请看

我是否需要创建另一个类来解决只有一个类的问题 桌子还是有更好的方法来完成这件事

HTML:

。表格收入{
背景#F3F5F6；
}
桌子{
显示：块；
高度：200px；
溢出y：自动；
}

标题
拍摄日期
地位
数量
第一天
11/08/2016
$1.00
第一天
11/08/2016
$1.00
第一天
11/08/2016
$1.00
第一天
11/08/2016
$1.00
第一天
11/08/2016
$1.00
第一天
11/08/2016
$1.00

将您的表包装成div可以解决您的问题

默认情况下，

table

采用

display:table

，在代码中，您通过将其

显示更改为block

来更改其自然行为。那绝对会造成混乱

.table-wrapper {
  max-height: 100px;
  overflow: auto;
  display:inline-block;
}

。表包装器{
最大高度：100px；
溢出：自动；
显示：内联块；
}
.表格收入{
背景#F3F5F6；
}

标题
拍摄日期
地位
数量
第一天
11/08/2016
$1.00
第一天
11/08/2016
$1.00
第一天
11/08/2016
$1.00
第一天
11/08/2016
$1.00
第一天
11/08/2016
$1.00
第一天
11/08/2016
$1.00

老兄，谢谢，它成功了！这里少了一些东西。我刚刚加了

width:100%

为了使用

.table responsive

表占据整个列，我删除了

显示：inline块以获得全宽。