已解决

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

原创 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. 1 来自中国四川省达州市大竹县 访客 头像

      表情

      2022年12月22日
    1. Rose 来自河南省郑州市移动 访客 头像

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

      2022年11月30日
      1. 小魏先生 来自中国移动 作者 头像
        @Rose

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

        2022年12月02日