Display flex正在破坏material-ui网格
Display flex 是一种CSS属性，用于控制元素的布局方式。它可以改变元素的排列方式，使元素能够以弹性的方式进行布局。Material-UI 是一个流行的React UI组件库，用于构建用户界面。
Material-UI 网格系统是基于CSS Flexbox 的，而 display flex 是 Flexbox 的一种重要属性。因此，使用 display flex 并不会破坏 Material-UI 网格系统，反而是 Material-UI 网格系统的核心特性之一。
Material-UI 的网格系统允许将网页布局划分为多个行和列，以创建响应式和灵活的布局。通过设置容器的 display 属性为 flex，可以使子元素以弹性的方式进行布局，并根据需要自动调整宽度和高度。这样可以更轻松地实现不同屏幕大小的适应性，并使网页的布局更具弹性和稳定性。
在使用 Material-UI 网格系统时，display flex 可以与其他属性一起使用，如 justify-content、align-items 和 flex-wrap，以实现更精确的布局控制。通过这些属性的调整，可以创建出各种不同的布局效果。
推荐的腾讯云相关产品是云服务器（CVM）和弹性伸缩（Auto Scaling），它们提供灵活的云计算资源以及自动扩展能力，可以满足不同规模和需求的应用场景。
腾讯云产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 弹性伸缩（Auto Scaling）：https://cloud.tencent.com/product/as
相关·内容
我想从material-ui实现网格系统，但面临一个问题。调整浏览器窗口的大小对我的网格项目没有影响-它们不会调整大小。我发现这个问题是由一个父div引起的，它的style属性是"display"："flex“。 我正在使用material-ui应用程序栏和抽屉。此外，我还为所有的内容和子节点构建了一个可重用的容器组件。如果没有样式属性"display"："flex“，我的整个页面样式就会崩溃。那么我该如何解决这个问题呢？有什么想法吗？ 下面是我的代码和带有属性“display”的类根："flex“ Container.tsx retu
浏览 14提问于2020-10-21得票数 0
1回答
我正在从'x‘项的列表中生成一个列表:我想知道如何才能使该列表像这样显示
item1 item2
item3 item4
item5 item6
使用Material-UI网格。目前我正在使用类似这样的东西，但它只在单个列中生成它们。
const display = () => {
return(
<React.Fragment>
{items.map(i => (
<Grid item xs={3} direction={'row'}>
{i}
浏览 1提问于2019-08-22得票数 1
回答已采纳
我试图只集中一个网格项目，而不是网格的两边。当alignItems="center“应用于我的网格容器时，我的两个网格项现在都是居中的。我只想把右边的网格项目放在中间。是否有办法在物质ui中做到这一点？我的代码如下：
import React from 'react'
import BarHop from '../images/BarHop.jpg'
import Oddjobs from '../images/Oddjobs.png'
import JobTracker from '../images/JobTracker.pn
浏览 0提问于2020-06-26得票数 0
回答已采纳
1回答
我在这里列出了我想用阿拉伯语写的卡片，但是它对继续这个单词有一个问题，它需要一半的单词在线上，然后在下一行中断一半，例如阿拉伯语的“بطريق”。
例如，一张图片：
你能帮帮我吗
请注意用React.js编写的代码
代码
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
import CardActions from '@materia
浏览 2提问于2021-07-11得票数 0
回答已采纳
我正在创建一个使用资料用户界面的网络应用程序。主页被划分为3个网格，每个网格都有一个height of 500px。我想在中间网格中展示一个抽屉，里面有一些操作选项。这有可能吗？到目前为止，我只能在整个屏幕上显示它。
下面是包含网格元素的主要组件：
import React, { Fragment } from 'react';
import Grid from '@material-ui/core/Grid';
import Paper from '@material-ui/core/Paper';
const style = {
P
浏览 0提问于2019-09-01得票数 7
回答已采纳
在更改列的hidden状态后，我无法重新呈现网格。我认为修改columns会导致网格重新呈现，因为它是绑定属性。 这是一个托管在codesandbox.io上的交互式示例。 index.jsx import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
浏览 17提问于2020-12-05得票数 1
CSS代码，用于使用flexbox的header组件 .header {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 15px 20px;
background-color: #ffffff;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0px 5px 8px -9px rgba(0, 0, 0, 0.75);
}
.header__left {
浏览 98提问于2020-09-04得票数 0
我正在创建一个聊天窗口，其中我的用户在左边，我的消息在右边。问题是，我希望两列都增长到视口的末端或页脚，但没有办法让它工作。这是我的组件。 import Grid from "@material-ui/core/Grid";
const Prueba = () => {
return (
<div style={{ display: "flex" }}>
<Grid container spacing={1} style={{ flexGrow: 2 }}>
浏览 19提问于2021-01-26得票数 0
我正在使用HTML和CSS尝试以下代码： <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.container {
position: relative;
text-align: center;
color: white;
}
.top-asad {
color: blue;
position: absolute;
浏览 26提问于2019-05-13得票数 0
回答已采纳
2回答
我正在尝试将CloseIcon与flex-end对齐，这样它就能正确地浮动，但无法找到应用该样式的位置。
import React from 'react';
import { makeStyles, useTheme } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import List
浏览 5提问于2020-07-13得票数 1
回答已采纳
2回答
我正在使用material ui的卡片和cardContent组件。我在功能组件中都有，并且正在尝试覆盖每个组件的根样式。但是，我不知道如何修改cardContent组件的css。似乎是通过修改卡片的根样式来实现的。它不会让我修改cardcomponent的根样式。相反，我的css在检查器中显示为 .jss14 {
height: 100%;
display: flex;
padding: 0;
flex-direction: column;
justify-content: space-between;
} 而不是在.MuiCardContent-r
浏览 12提问于2021-01-11得票数 1
回答已采纳
1回答
我想将我的Material-Ui网格转换为拖放网格。我已经尝试过用react-grid-layout包对其进行转换，但结果很奇怪。使材质Ui网格可拖放的简单方法是什么？
我的网格看起来像这样：
<Grid
container
spacing={2}
direction="row"
justify="flex-start"
alignItems="flex-start"
>
{ widgets.map(elem => (
<Grid item xs={12} sm={6}
浏览 13提问于2019-11-04得票数 1
我正处于material-ui的学习阶段，我面临着一个问题，那就是我无法将网格内容浮动到右侧。 我在容器网格中尝试了alignItems="flex-start" justify="flex-end" direction="row"，但没有成功，还尝试了css float:right属性。 我看了stackoverflow question的答案，但它对我不起作用。 我的代码如下所示，代码为link import React from "react";
import ReactDOM from "react-dom
浏览 22提问于2019-09-09得票数 1
回答已采纳
2回答
这是我第一次使用material ui，我想创建彩色圆形正方形，里面有一个字母，放置在卡片组件上，如下图所示。
如您所见，带有"A“的彩色正方形就像卡片组件上的徽章。我想使用material ui在我的卡片上实现相同的功能，但我不知道在哪里可以找到这个功能。这是我的卡片的样子：
显示组件的代码：
import React from 'react';
import Grid from '@material-ui/core/Grid';
import Card from '@material-ui/core/Card';
浏览 11提问于2021-03-02得票数 1
回答已采纳
1回答
我一直在使用Material网格，我试图在一个卡片网格中显示数据，而不是单列显示。我的网格当前像这样显示在列中(请忽略卡片的大小，这只是屏幕截图的放大)：
我希望网格以这样的方式在行中显示，而不是单个列：
我觉得我错过了一些简单的东西，但我只是不知道为什么它总是堆积在一个单一的列中。守则如下：
import React, { useState, useEffect } from "react"
// components
import Grid from "@material-ui/core/Grid"
import { makeStyles }
浏览 2提问于2020-04-07得票数 2
回答已采纳
import React from 'react';
import { makeStyles, useTheme } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
import CardContent from '@material-ui/core/CardContent';
import CardMedia from '@material-ui/core/CardMedia';
import Ico
浏览 54提问于2019-09-17得票数 0
2回答
我试图创建一个电子商务平台的反应JS。我正在关注Youtube上的教程。我不知道是什么问题，但样式组件的样式没有正确应用，交叉检查代码与导师的代码几个代码，但无法找出是什么问题。有人能发现这个问题吗？
Products.jsx组件
import React from 'react'
import {Card, CardMedia, CardContent, CardActions, Typography} from '@material-ui/core'
import { IconButton } from '@material-ui/core'
浏览 5提问于2021-09-22得票数 0
回答已采纳
2回答
如何使这些卡片的宽度相同？
当我在材料中使用柔性盒时，这些卡片的用户界面宽度不是相同的大小。我怎么才能解决这个问题？我应该使用网格吗？这是卡片组件和屏幕。柔性盒我申请了屏幕。
卡组件
import React from 'react'
import Card from '@material-ui/core/Card'
import CardActionArea from '@material-ui/core/CardActionArea'
import CardActions from '@material-ui/core/Ca
浏览 4提问于2021-03-03得票数 3
回答已采纳
我有一个应用程序，可以让用户在列表中添加任务。任务是从API中获取的，并使用List组件显示。当用户从"AddButton“组件添加新任务时，该任务将存储在数据库中。我希望在"AddButton“组件上发生handleSubmit函数并将任务添加到数据库时，重新呈现"List”组件。“API”和"getTasks“正在从addTask中获取数据。提前感谢您的帮助。
列表组件
import React, { useState, useEffect } from 'react';
import { makeStyles } from '@ma
浏览 9提问于2019-11-01得票数 0
刚接触Material UI和flex时，我已经阅读了很多文档，但由于某些原因，我不知道如何使用Material UI <CancelIcon />并仅在<Drawer />中对齐该图标。我读过，为了防止<Drawer />内联，我需要使用flexDirection: 'column'。 代码 <Drawer
{...{
anchor: 'right',
open: drawerOpen,
onClose: handleDrawerClose,
}}
>
<div c
浏览 38提问于2021-01-15得票数 0
回答已采纳
这是Header.js，我在这里有按钮<ReactSvg>，在<IconButton>中单击它时，它将用switchTheme()函数更改页面主题。当您在按钮上悬停时，它也有一个popover，其中它声明了按钮的函数(例如。转换主题)。
出于某种原因，我悬停按钮，popover出来，但不让我点击按钮，即使我点击非常快和有力。不知何故，popover已经禁用了按钮。
呈现按钮的头文件：
import React, { useState } from 'react'
import ReactSvg from './reactSvg'
impo
浏览 1提问于2020-11-20得票数 0
回答已采纳
1回答
如下面的屏幕截图所示，我试图使用网格(来自)来实现"Lg“。
号为"3“的框是使用9和3网格创建的。
数字"9“的框是使用9和9的网格创建的。
问题
如何使用网格系统获得Lg的宽度？基本上，Sm和Lg是使用以下方法计算的：
Sm: 100% / 12 *9/ 12 *3
Lg: 100% - 100% / 12 *9/ 12 *3
示例代码
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
im
浏览 2提问于2020-09-23得票数 0
我是新手材料UI，我想导航栏和侧边栏作为不同的组件。我已经创建了导航栏组件，但无法将侧边栏创建为单独的组件。有人能帮我做单独的组件吗？这是我正在使用的链接"“
下面是代码片段""，我想让单独的侧边栏(抽屉)组件链接到Header组件。
Header组件：
import React from 'react';
import { fade, makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
i
浏览 8提问于2020-03-04得票数 0
回答已采纳
2回答
奇怪的行为，当我试图用这个代码制作一个appbar时：
import React, { Component } from 'react';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import AppBar from 'material-ui/AppBar';
// Needed for onTouchTap
impor
浏览 3提问于2016-05-31得票数 2
我在使用material UI时遇到了这个问题:要构建在一些旧浏览器上运行的应用程序，需要在css前加上前缀，例如： display:flex; 我想要的是打包后应该自动添加一些兼容性： display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; 我的css是这样创建的： import { withStyles } from '@material-ui/core';
const styles={
root:{
display:fl
浏览 11提问于2019-03-06得票数 2
1回答
我试图在一个组件中呈现一个重图表，但是遇到了一个小问题。这个小问题是一个flex标签，它似乎是我问题的根源。我遇到的问题是，我对css的了解还不够多，无法想出解决办法。 在我的导航风格中，我有一个display: flex。我的组件中也有一个display: flex。由于这种冲突，我的组件的图表不会响应页面的缩小，而是根据需要进行扩展。如果我从我的组件中删除display: flex，问题仍然存在，但是如果我在我的组件中维护display: flex，并从nav中删除它，图表会根据需要做出响应，但是nav不能正确呈现。有什么办法可以解决这个问题吗？ 另外，如果你需要更多信息，请让我知道！
浏览 27提问于2020-03-23得票数 0
material-ui data-grid (也是x-grid) API不允许使用"flex“和"width”作为列定义。当flex设置为true时，宽度将被省略，但我希望如果我设置了flex: true和width: 250，列将是灵活的，但如果我调整数据网格容器的大小，宽度不能小于250。有没有人以某种方式解决了这个问题？
浏览 3提问于2021-06-28得票数 1
我正在使用Material-UI并使用makeStyles和CSS-In-JS构建一个表单来进行样式设置。我有一个来自Material-UI库的表单，我正在尝试设置它的样式。我正在尝试弄清楚如何针对来自库的form元素的类并覆盖样式。 下面是我尝试针对的表单和Material-UI类(表单的第一个文本输入字段的before标记)： ? 我想要更改文本字段的border-bottom属性。这是我尝试过的。看看CSS中的underline类和表单的第一个文本输入： const useStyles = makeStyles((theme) => ({
root: {
浏览 46提问于2020-06-26得票数 0
我正在尝试使用FlexBox在material-ui FlatButton中对齐一个谷歌材料图标。我尝试了几种排列，但总是得到相同的结果--图标位于按钮的最底部。我不确定这是否是material-ui特定的问题。如何才能正确地实现对齐？
<FlatButton
style = {buttonStyle}
onClick = {
onIncrementClick
}
icon={<i style= {{display:'flex', alignItems:'center', verticalAlign:
浏览 0提问于2016-04-12得票数 1
3回答
我在我的柔性盒布局上做了一些浏览器测试，除了Firefox之外，它在所有的常绿浏览器中看起来都很棒。它应该是这样的-所有的网格-单元项目被赋予一个基于项目内容的自动灵活的基础。
然而，在火狐51 (macOS)上，这只是一个巨大的单列。
下面是一个代码库：，并提供了完整的示例。
这是我正在使用的代码
CSS
.Grid {
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
浏览 11提问于2017-02-01得票数 1
回答已采纳
4回答
网格项目不在其他材料UI旁边
、、、、
我正在使用material-ui中的Grid组件。我很难让网格项目彼此堆叠在一起。现在，它们相互堆叠在一起。我不确定是什么让它们堆叠在一起。我已经做到了，只有在小屏幕上，网格项目才会堆叠在一起，否则每个网格项目应该占据4列。我使用react作为前端。下面是我的代码：
GridItem：
const styles = theme => ({
image: {
maxWidth: "100%",
maxHeight: "100%"
},
});
render() {
const { post, auth, class
浏览 0提问于2018-08-24得票数 4
我想知道如何在react中使用另一个css中的css使用material-ui，因为我知道我可以使用另一个css类，如果它使用css规则本身使用@extends和@mixin，直到我在react中发现问题我正在使用material-ui并尝试使用css和react本身，但我不能使用@extend和@mixin如何解决这个问题？这是我的代码
import React from 'react';
import TextField from '@material-ui/core/TextField';
import Paper from '@material-
浏览 1提问于2019-12-31得票数 0
3回答
我有一个页面包含一个“时间线”元素从材料Ui，与一个“备用”对齐。所以我有一个包含几个元素的"TimeLineContent“：纸张、排版(用于标题和描述)和图像。
我想让文本始终朝着时间线的中心。也就是说，一次文本在左边，另一次在右边.
这里是我的问题的一个例子：
第一个TimelineContent是好的(文本在左边)
第二个不太好(文字不在右边)
我本可以使用flex方向:反向行，但我有几个这样的TimelineContent，它们是用一个.map()创建的。
下面是我现在的代码：
<Timeline align="alternate
浏览 8提问于2021-09-15得票数 1
回答已采纳
我越来越沮丧，因为我花了几天时间试图将我的react应用程序从javascript迁移到tsx。到目前为止，我喜欢tsx的类型检查，但我不相信资料-ui库，因为它是解释如何使用它的风格与类型记录。
我遵循了这里的指南的文字，并创造了一个主题：
import { createMuiTheme } from "@material-ui/core/styles";
export default function theme() {
return createMuiTheme({
palette: {
primary: {
main: "#607D
浏览 16提问于2020-03-12得票数 0
回答已采纳
我是新的反应js .Just开始构建一个简单的反应应用程序。我有两个按钮放置在每一边，这是我试图做的CSS- flex，但无法取得成功。有人能告诉我哪里出了问题吗？
import React, { Component } from "react";
import PropTypes from "prop-types";
import { withStyles } from "@material-ui/core/styles";
import AppBar from "@material-ui/core/AppBar";
浏览 0提问于2019-04-13得票数 0
回答已采纳
我已经研究了无数的堆栈溢出问题来解决这个问题，但似乎没有一个对我有效。可能是我不理解某些东西，但我遵循解决方案，仍然得到我的错误或更严重的错误。
我这里有我的布局组件：
import React, { useState, useEffect, Fragment } from "react";
// Sentry
import * as Sentry from '@sentry/browser';
// Material UI
import CloseIcon from '@material-ui/icons/Close';
impor
浏览 8提问于2020-03-12得票数 0
我正在建立一个新的网站，当我这样做的时候，我想我应该尝试一些新的技术，看看它们在实践中是如何工作的。
我有一个两栏网站，使用Flexbox进行布局，在左边的栏中，我有四个网格使用CSS网格。
我想要做的是让所有四个网格方块填充Flexbox列中所有可用的空间，但我无法在我的一生中想出如何做到这一点。
这是我的CSS：
#flex_wrapper {
display: flex;
flex-direction: row;
}
#main_content {
display: flex;
flex-direction: column;
flex-grow:
浏览 0提问于2018-03-21得票数 1
回答已采纳
我有一个，更大的组件，有几个状态和道具。此组件负责报头和侧栏。(将菜单向左移动)。所以我想把它分成两个文件，但是我做得不好。
这个组件有const抽屉，这正是我想要移到另一个文件(连同状态和所有样式)--这是我的一个更大的组件：
import React, { Component } from 'react';
import { withStyles } from '@material-ui/core/styles';
import classNames from 'classnames';
import Drawer from '@ma
浏览 1提问于2018-10-03得票数 1
在从数据网格(或XGrid)获取数据以显示在页面上的另一个组件中时，我遇到了一些问题。
从下面的代码中可以看到，我正在从数据网格中显示的本地数据库中获取数据。我现在要做的是增加接收选定行并显示数据(产品ID、描述、价格等)的能力。并显示在另一个组件中。现在，我只要一个选择就行了。
在这里，我尝试了许多添加onSelectionModelChange的建议，但我唯一能够获得的是行id值。这并不是说它会产生那么大的影响，但我将使用MySQL作为后端。
有什么建议吗？
这是我的反应文件：
import * as React from 'react';
import Axios fro
浏览 1提问于2021-09-02得票数 1
回答已采纳
2回答
物料界面选择组件下拉定位
、、、
由于某些原因，Menuprops属性对我无效，并且我无法更改下拉框的位置。请看我的代码，我正在做与其他相关问题完全相同的讨论。 我希望Menuitmes下拉框出现在选择输入框的正下方，宽度与输入框相同。 import React, { useState } from "react";
import { makeStyles } from "@material-ui/core/styles";
import MenuItem from "@material-ui/core/MenuItem";
import FormControl from &#
浏览 17提问于2020-10-10得票数 0
回答已采纳
我试图将我的登录和注销按钮放在AppBar的末尾，如果我强制使用marginLeft: '70%',，它就会消失，但仅仅在大分辨率下，其他较小的按钮就会远离位置。
我已经试过手头上的每件事了，但如果是被迫的话。
这是Navbar.js
import React, { useState, useEffect, } from 'react'
import { AppBar, Typography, Toolbar, Avatar, Button, Link, Container, Hidden, IconButton, SwipeableDrawer, Divid
浏览 3提问于2021-11-15得票数 1
我正在学习如何使用TypeScript，并为前端使用实质性的UI框架。我试图让媒体查询正常工作，但我遇到了一个错误：
Uncaught :无法读取在styles上未定义的属性“up”
这是相应的代码：
const styles = ({breakpoints}: Theme) => createStyles( {
grow: {
flexGrow: 1
},
menuButton: {
marginLeft: -12,
marginRight: 20
},
sectionDesktop: {
浏览 0提问于2018-12-25得票数 9
回答已采纳
在尝试在Mac和Ubuntu中运行应用程序时，我得到了以下错误。但是它在Windows平台上运行时没有任何错误。我该怎么解决这个问题。材料UI测试版(v1.0.0-beta.46)中是否有特定于平台的代码。我使用了withStyles组件，这是一个材料ui的高阶组件。
错误：
/node_modules/material-ui/styles/withStyles.js
Module not found: Can't resolve '@babel/runtime/core-js/map'
下面是我的代码
import React from 'react'
浏览 0提问于2018-05-09得票数 2
回答已采纳
我目前正在尝试使用css网格在Material-UI中实现以下网格结构： Desired complex layout 我已经用Material-UI创建了一个css网格，如下所示： Current layout 这是属于它的代码： import React from "react";
import clsx from "clsx";
import { makeStyles } from "@material-ui/core/styles";
import { Container } from "@material-ui/core
浏览 10提问于2019-06-26得票数 1
回答已采纳
当material-ui窗体控件获得焦点时，我正在尝试应用一些样式。
伪类“hover”在下面的代码中工作得很好，但“focus”却不行。
我假设单击Input组件会让它获得焦点，但这似乎不起作用。你知道为什么和如何让它工作吗？
import withStyles from "@material-ui/core/styles/withStyles"
import Input from "@material-ui/core/Input"
import InputLabel from "@material-ui/core/InputLabel"
im
浏览 0提问于2018-11-01得票数 2
我可以在链接的沙箱项目上复制这个问题，但基本上我希望文本的底部(不同的字体大小)对齐/在相同的y轴上。不知道还能怎么说。
看看这张照片，看看我需要什么。下面的代码。我遗漏了什么？
import "@material-ui/core";
import { Box } from "@material-ui/core";
export default function App() {
return (
<>
<Box display="flex" align-items="baseline"
浏览 0提问于2021-08-26得票数 0
因此，我打算使用flex-box将<H4>样式的组件对齐到页面的中心，但不起作用，我也尝试了margin:0 auto，但它只将H4水平对齐 另外，我想知道为什么页面会溢出？ import React from "react";
import {
IconButton,
Drawer as MUIDrawer,
ListItem,
ListItemI
} from "@material-ui/core";
import MenuIcon from "@material-ui/icons/Menu";
import s
浏览 22提问于2020-07-12得票数 0
1回答
import React from 'react'
import Checkbox from '@material-ui/core/Checkbox';
import { Grid, Typography, Paper, Box, } from '@material-ui/core';
import useStyles from '../../../styles/PageStyle/settingStyle';
import Button from '@material-ui/core/Button';
impo
浏览 9提问于2021-05-26得票数 3
回答已采纳
我刚接触React和Material UI，我一直在努力尝试将我现在拥有的Mini Variant抽屉与响应式抽屉连接起来，所以当你在手机上使用它时，它会变成响应式抽屉。如果有人能帮助我，这对我来说意义重大，我试过了，但我总是失败。这也将帮助我获得与抽屉进一步联系的知识。
下面是我在Mini Variant that中使用的代码：
import React, {useState} from 'react';
import clsx from 'clsx';
import { makeStyles } from '@material-ui/core/sty
浏览 19提问于2021-09-06得票数 0
我来自React Native，所以我还在适应ReactJS。我有两个按钮，一个普通按钮和一个图标按钮。我想将常规按钮居中，并将图标按钮放在屏幕底部。我试过使用justifyContents：'center‘和类似的设置，就像我的代码中显示的那样，但似乎不起作用。我所有的代码都在下面，其中的注释显示了我的按钮代码在哪里。谢谢你的帮助。
import React, {useState} from 'react';
import SettingsIcon from '@material-ui/icons/Settings';
import { Button
浏览 13提问于2020-05-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
