Css 将图像与网格项材质UI中的中心对齐_Css_Reactjs_Material Ui

Css 将图像与网格项材质UI中的中心对齐

css reactjs material-ui

Css 将图像与网格项材质UI中的中心对齐,css,reactjs,material-ui,Css,Reactjs,Material Ui,我正在使用来自的网格。我不知道为什么网格项目中的图像向左对齐而不是居中对齐 {name} 同样在排版中，我必须使用textAlign来居中，但是如何对齐图像？尝试给出包装图像的网格、容器属性，然后通过添加justify=“center”和/或alignItems=“center”来居中图像添加到此容器。在网格标记中使用此代码 alignContent='flex-start'alignItems='flex-start'justify='flex-start' 我是从material ui

我正在使用来自的

网格

。我不知道为什么网格项目中的图像向左对齐而不是居中对齐


{name}

同样在排版中，我必须使用

textAlign

来居中，但是如何对齐图像？

尝试给出包装图像的网格、容器属性，然后通过添加

justify=“center”

和/或

alignItems=“center”来居中图像

添加到此容器。

在网格标记中使用此代码

alignContent='flex-start'alignItems='flex-start'justify='flex-start'

我是从material ui docs

问题中得到的，寻求代码帮助的问题必须包含在问题本身中复制它所需的最短代码，最好是在一个文档中。谢谢@Paulie_D，我编辑了代码