小编Dr *_*Ace的帖子

CSS3显示:table,overflow-y:scroll不起作用

我有一个需要垂直滚动的数据表.似乎如果您的显示值是表格,则无法设置高度最大高度,因此overflow-y:scroll不执行任何操作.(Codepen与表)

.fake-table {
  display: table;
  max-height: 300px;
  overflow-y: scroll;
}
Run Code Online (Sandbox Code Playgroud)

另外,如果从父级删除display:table但保留display:table-rowtable-cell,则行的宽度不会是100%;

我尝试用flexbox(带有flexbox的Codepen)来做这件事.但是,当然,我没有很好的列左对齐.

.fake-table > * {
  display: flex;
  justify-content: space-around;
}
Run Code Online (Sandbox Code Playgroud)

浏览器支持是所有现代浏览器(IE10 +),包括移动safari和Android浏览器.

css css3

10
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

css3 ×1