已解决

表格超出一定的宽度可以滑动查看,但是正常宽度的表格却出现了宽度问题

原创 2022-11-26 02:14
文章的分类 CSS

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

2022-11-25T18:06:15.png

改来改去,发现了两行 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


THE END


分享
赞赏
精选留言
    • 1 访客

      2022年12月22日
    • Rose 访客

      可以,我还没遇到过。不知道用flex布局不知道行不行 另外,博主评论区表情按钮点不开呢

      2022年11月30日
      • 小魏先生 博主
        @Rose

        表情还没搞,等有时间了,去整它

        2022年12月02日
3