本来想着做个计划表，写完之后发现表格过于宽，会导致溢出屏幕。

改来改去，发现了两行 css 代码 可以使表格宽度只要溢出屏幕可以进行滑动。

table {
    overflow: auto !important;
    display: -webkit-box !important;
}

但是会导致正常宽度的表格无法正常显示。。。

求各位大佬指点一下！！！

tip：2022-11-26 已经解决了，大早上打开电脑摆弄了一下

完整代码

table {
    -webkit-box-orient: vertical;
    overflow: auto !important;
    display: -webkit-box !important;
}

代码演示

表头1	表头2	表头3	表头4	表头5	表头6	表头7	表头8	表头9	表头10	表头11
单元格1	单元格2	单元格3	单元格4	单元格5	单元格6	单元格7	单元格8	单元格9	单元格10	单元格11
单元格1	单元格2	单元格3	单元格4	单元格5	单元格6	单元格7	单元格8	单元格9	单元格10	单元格11
单元格1	单元格2	单元格3	单元格4	单元格5	单元格6	单元格7	单元格8	单元格9	单元格10	单元格11
单元格1	单元格2	单元格3	单元格4	单元格5	单元格6	单元格7	单元格8	单元格9	单元格10	单元格11

表头1	表头2	表头3
单元格1	单元格2	单元格3