如何在材质ui中居中按钮?

Posted

技术标签:

【中文标题】如何在材质ui中居中按钮?【英文标题】:How to center a button in material ui? 【发布时间】:2020-10-18 21:14:42 【问题描述】:

下面给出的是我使用材料 ui 编码的代码。我对那个区域还是新手。我需要将我的按钮居中。但它到了角落。我的代码有什么问题吗?

 
``` 按钮: 背景:'线性渐变(45度,#FE6B8B 30%,#FF8E53 90%)', 边界半径:8, 边界:0, 白颜色', 身高:48, 宽度:“30%”, 填充:'10px 30px', boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .3)', justifyContent: '中心' alignItems="center" 对我不起作用。 【参考方案1】:

论文:

textAlign: 'center',
color: theme.palette.text.secondary,

,

我启用了 textAlign: 'center' 并且它已修复

【讨论】:

以上是关于如何在材质ui中居中按钮?的主要内容,如果未能解决你的问题,请参考以下文章

材质 UI 和 Redux

如何在 iCarousel 的 cellview 中居中元素?

材质UI头像图片上传

如何在kivy中居中按钮?

如何在 React Material UI TextField 中居中占位符和文本

如何在 ViewController 中居中多个按钮?