【发布时间】:2020-05-05 12:51:17
【问题描述】:
有谁知道为什么我的项目在小标签时是这样的, enter image description here
但是当像这样全屏显示时: enter image description here
我的网格有以下 CSS:
.table{
位置:绝对;
上边距:37em;
左边距:-42em;
最小宽度:1015px;
}
【问题讨论】:
标签: reactjs material-ui
有谁知道为什么我的项目在小标签时是这样的, enter image description here
但是当像这样全屏显示时: enter image description here
我的网格有以下 CSS:
.table{
位置:绝对;
上边距:37em;
左边距:-42em;
最小宽度:1015px;
}
【问题讨论】:
标签: reactjs material-ui
你的风格将取决于它是如何在你的工作流程中创建的,但你可以试试这个课程
const useStyles = makeStyles({
table: {
minWidth: 650,
},
});
或
.table {
min-width: 650px !important;
}
但是这种对表格大小的限制可能与表格相关的元素或容器有关。
您也不需要声明表格的位置,因为它是您的父级所固有的,并且没有将其放置在特定位置。
您能告诉我们您是如何在代码中应用这些类的吗?您只向我们展示了一小段代码,并没有展示该类的应用程序。
您还可以在 Material-UI 页面查看类应用和表使用情况
【讨论】:
与您的问题一起发布产生这种情况的代码会很有趣,仅查看图像很难理解您的问题
【讨论】:
像改变你的CSS一样
.table{
width: 100%;
margin-top: 37em;
margin-left: 0;
}
【讨论】: