【问题标题】:My Table is Moving When I Fullscreen. Anyone Know Why?全屏时我的桌子在移动。有人知道为什么吗?
【发布时间】:2020-05-05 12:51:17
【问题描述】:

有谁知道为什么我的项目在小标签时是这样的, enter image description here

但是当像这样全屏显示时: enter image description here

我的网格有以下 CSS:

.table{

位置:绝对;

上边距:37em;

左边距:-42em;

最小宽度:1015px;

}

【问题讨论】:

    标签: reactjs material-ui


    【解决方案1】:

    你的风格将取决于它是如何在你的工作流程中创建的,但你可以试试这个课程

    const useStyles = makeStyles({
     table: {
       minWidth: 650,
     },
    });
    

    .table {
      min-width: 650px !important;
    }
    

    但是这种对表格大小的限制可能与表格相关的元素或容器有关。

    您也不需要声明表格的位置,因为它是您的父级所固有的,并且没有将其放置在特定位置。

    您能告诉我们您是如何在代码中应用这些类的吗?您只向我们展示了一小段代码,并没有展示该类的应用程序。

    您还可以在 Material-UI 页面查看类应用和表使用情况

    https://material-ui.com/styles/basics/

    【讨论】:

    【解决方案2】:

    与您的问题一起发布产生这种情况的代码会很有趣,仅查看图像很难理解您的问题

    【讨论】:

    • 这不是答案,而是评论
    【解决方案3】:

    像改变你的CSS一样

    .table{
        width: 100%;
        margin-top: 37em;
        margin-left: 0;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-01-13
      • 1970-01-01
      • 1970-01-01
      • 2020-08-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多