腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
4
回答
如何
使用
material
ui
在
复杂
网格
中
居中
放置
容器
/
项目
、
在
使用
DevTools进行检查后,似乎托管了阿凡达和排版的
项目
/
容器
组件并没有完全占用它们的父
容器
空间。我已经尝试将其高度设置为100%。我也尝试过将flexGrow设置为1。我
如何
实现阿凡达排版组件的垂直和水平
居中
? ? import React from "react";import { Typography, Pap
浏览 102
提问于2020-01-14
得票数 0
回答已采纳
1
回答
Material
UI
TextField标签定位不正确
、
、
我正在
使用
Material
UI
为我正在设计的web应用程序创建
UI
。
在
使用
主题间距
在
Grid中
放置
了一些TextFields之后,我遇到了TextField的内部文本不再在
容器
内
居中
的问题。一旦我从应用于TextField的样式
中
删除了主题间距,就不会再有问题了。有人知道
如何
在TextField中将文本重新
居中
吗?谢谢。
浏览 15
提问于2020-06-04
得票数 0
回答已采纳
1
回答
如何
使元素
在
材质
Ui
网格
内
居中
、
我试图
在
material
-
ui
的
网格
中
居中
元素,但它不会
居中
项目
。direction="row" justify="center" alignItems="center"></Grid> 我试着这样做,但就像下面的图片一样,它不会在边界内
居中
我该
如何
解决这个问题呢?
浏览 15
提问于2021-03-07
得票数 0
回答已采纳
1
回答
在
material
-
ui
中
为
网格
项目
指定"justify“的最佳方式是什么?
、
我从
material
-
UI
库
中
得到了一个简单的
网格
。SearchPanel/> <Grid item sm={6}> </Grid>我只是不能理解
如何
将第一个
网格
项目
居中
对齐,以及第二个
网格
项目</e
浏览 4
提问于2019-02-02
得票数 9
回答已采纳
1
回答
只对齐一个
网格
项,使其以材料
UI
为中心
、
我试图只集中一个
网格
项目
,而不是
网格
的两边。当alignItems="center“应用于我的
网格
容器
时,我的两个
网格
项现在都是
居中
的。我只想把右边的
网格
项目
放在中间。是否有办法
在
物质
ui
中
做到这一点?我的代码如下:import BarHop from '../images
浏览 0
提问于2020-06-26
得票数 0
回答已采纳
2
回答
如何
垂直中心材料
UI
组件,以填补剩余的集装箱?
、
、
背景:我所做的: 我很难想象我的
容器
/物品在哪里,所以我加入了一些造型来说明问题。登录表单是
居中
的,但不是垂直的,没有
使用
的剩余空间,右侧的
网格
项之间
浏览 4
提问于2021-06-30
得票数 0
1
回答
如何
仅
使用
material
-
ui
居中
窗体?
、
我正在尝试学习
Material
-
UI
,并尝试创建一个“表单”,查看他们的文档(我在理解文档的步调时遇到了一些困难,并且不知道我是否确实
使用
了预期的标签来创建表单:P)。无论
如何
,我想要
居中
我的“表单”,
在
摆弄了
Material
-
UI
文档
中
的代码和我对css的知识之后,我设法使“表单”
居中
,但只是水平
居中
,似乎不能使它垂直
居中
。我还不知道
如何
使用
我
浏览 2
提问于2021-05-08
得票数 0
2
回答
材料用户界面布局-3列
、
、
我想
使用
material
来设计类似于这样的布局,我已经研究过它并考虑
使用
Grid组件,但是
如何
为中间列实现这样的东西?
浏览 4
提问于2021-02-23
得票数 4
回答已采纳
1
回答
物料界面卡片对齐列表
、
我
使用
Material
UI
来创建带有
网格
容器
的卡片。 但是
网格
项目
的每一行都有相同的高度,当有空白时,我
如何
使底部的卡片接近顶部的卡片?最后一张牌我希望放在左边而不是中间。如下图所示: ? 我的示例代码:codesandbox 是否可以通过
使用
Material
Grid
容器
或其他方式来实现?或者我必须创建我自己的css?请给我引路。谢谢
浏览 19
提问于2020-06-25
得票数 0
1
回答
带有Flexbox和
Material
UI
的页面
居中
窗体
、
、
、
尝试
居中
对齐按钮。我还将在该区域
放置
一个表单,因此我需要一个位于页面中间的框或
容器
。现在,由于某些原因,即使我指定的最大高度和宽度为100%,按钮
居中
,这是很好的,但仍然
在
最顶部。我可能需要一个额外的盒子,也只是作为一个
容器
,
在
我假设的根box
中
的表单内容。import React from 'react'; import Button from '@
material
-
ui
/c
浏览 21
提问于2020-09-25
得票数 0
1
回答
为什么我的空间成为
使用
Material
UI
网格
系统的新行?
、
、
、
我
在
使用
Material
UI
网格
系统时遇到了最大的困难。我正在尝试实现一些相对简单的东西--将图标+文本保持
在
容器
的左侧,并向右按下按钮。然而,我发现我的文本中有两个单词和一个空格变成了两行,我不知道为什么会发生这种情况,也不知道该
如何
处理。
浏览 8
提问于2020-03-31
得票数 1
回答已采纳
1
回答
制作材质-
UI
Appbar/
网格
响应式- ReactJS
、
、
我
使用
Material
-
UI
@next AppBar构建了一个页脚,我想在
网格
中
居中
对齐图标,并且
在
响应时,每个
网格
项目
都应该在新行
中
居中
对齐。敬请指教。
在
桌面模式下,它们都应该在一条直线上。这是我的代码: import { Grid, Stack, Typography } from "@
ma
浏览 12
提问于2021-08-19
得票数 0
1
回答
使用
material
UI
react时,嵌套的
网格
容器
和
项目
不适合屏幕
、
、
我正在试着做一个像下面这样的
UI
,但由于某些原因,它并没有像预期的那样通过。 我也尝试过更改列,但也不起作用。 问题是,我
使用
的是Grid,它包含了各自的
项目
和
容器
,但改变它们却搞砸了整个设计。
浏览 10
提问于2020-04-27
得票数 0
回答已采纳
2
回答
Material
-
ui
4.11.4 - Grid:列
中
的
项目
需要
容器
方向=‘row’才能正确显示(??)
、
、
、
我希望
在
列中有几个div,
在
页面轴上
居中
,并在div宽度允许的情况下在宽度上拉伸。我
使用
的是
material
-
ui
4.11.4 (最新版本)的<Grid>组件(包括container和item):在上图中,所有
网格
项都具有xs={12},而“页面正文”具有xs={10}我希望下面的
容器
可以完成这项工作: <Grid container direction='column' justify='
浏览 8
提问于2021-06-04
得票数 0
回答已采纳
1
回答
如何
使两个反应元件水平对齐?
、
、
我
使用
Material
的Grid对齐组件(但其他解决方案也是受欢迎的)。问题是组件InputVariables和Chart被放在彼此的顶部(作为两行),而不是水平地对成一行。我做错了什么?@
material
-
ui
/core/Grid';import Toolbar from '@
material
-
浏览 0
提问于2018-12-28
得票数 3
回答已采纳
1
回答
我无法
在
REACT中
使用
Material
UI
构建此布局
、
、
I am not able to code the middle layout which is highlighted in pink circle Layout I want 我希望
在
materialUireact
中
实现此布局
浏览 18
提问于2021-05-02
得票数 0
1
回答
react原生
中
的布局
、
我
在
react原生
中
制作了一个幸运的轮子游戏,并且已经到了制作
UI
有点受挫的地步。上图基本上就是
UI
的外观。我想让轮子
在
中间,然后信息斑点随机出现在轮子周围。我
使用
了对齐内容和对齐
项目
来使滚轮
居中
,但是这些斑点的随机
放置
以及我不希望它们与任何剩余的
UI
元素重叠的事实才是问题所在。 我想过可能要实现某种
网格
系统,但不确定
如何
去做,甚至不确定这样做是否正确。
浏览 10
提问于2018-07-26
得票数 0
4
回答
全宽度材料-用户界面
网格
不能正常工作
、
、
、
我试图理解材料-
UI
@下一个
网格
布局系统。 我的目标是有两张纸,
在
整个宽幅屏幕上展开,每当屏幕变小到只有一张纸时,纸就会断裂。
浏览 0
提问于2018-04-12
得票数 36
回答已采纳
1
回答
(React/
material
-
ui
)
material
-
ui
中
纸张组件内的
居中
文本
、
、
我一直
在
尝试
在
material
ui
中
居中
放置
纸张组件
中
的文本,目前什么都不起作用。我尝试
在
父组件中
使用
display:flex,
在
子组件中
使用
align-items:center,我尝试
使用
padding5px来获得相等的填充,但它不起作用,并且绝对尝试了text-align和垂直对齐,所有这些都不起作用,如下所示: 我尝试将文本放在底部的三个框
中
浏览 11
提问于2021-02-24
得票数 0
回答已采纳
1
回答
当项数少于列数时
居中
CSS
网格
、
假设我有一个简单的
网格
,它将
项目
放在4列
中
,填充整个
容器
的宽度:.grid { grid-template-columns: repeat(4, 1fr);class="item"></div> <div class="item"></div> </di
浏览 0
提问于2018-06-30
得票数 6
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
前端布局神器 Grid,看这一篇就够了
提升市场竞争力,这些细节你都把握了吗?
给萌新的 Flexbox 简易入门教程
CSS-常见布局介绍
Flex布局教程
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券