我有一个需要垂直滚动的数据表.似乎如果您的显示值是表格,则无法设置高度或最大高度,因此overflow-y:scroll不执行任何操作.(Codepen与表)
.fake-table {
display: table;
max-height: 300px;
overflow-y: scroll;
}
Run Code Online (Sandbox Code Playgroud)
另外,如果从父级删除display:table但保留display:table-row和table-cell,则行的宽度不会是100%;
我尝试用flexbox(带有flexbox的Codepen)来做这件事.但是,当然,我没有很好的列左对齐.
.fake-table > * {
display: flex;
justify-content: space-around;
}
Run Code Online (Sandbox Code Playgroud)
浏览器支持是所有现代浏览器(IE10 +),包括移动safari和Android浏览器.