Html 如何在React中水平对齐卡元素（rmwc）？

在我的父组件中：

        {
          this.state.projectList.map(dat => <Item data = {dat}/>)
        }

我正在使用

rmwc

Card

组件来放置一些东西

现在，它只是将所有渲染项垂直放置，就像堆栈一样。我真正想要的是图片右侧蓝色钢笔中的小草图

---

我试图给包装

div

'width'：'100%，'textAlign'：'center'

和

卡本身一个
内联块
，但它仍然是一样的。
在父组件中用指定所需列的material ui组件将映射函数括起来。然后把你的数据放进信封里。如下所示

 <div>
      <GridList cols={2} spacing={16}>
        this.state.projectList.map(dat => 
          <GridListTile item key={dat} xs={6}> 
            <Item data = {dat}/>
          <GridListTile/>
       ))}
     </GridList>
 </div>


this.state.projectList.map（dat=>
))}

在子组件中，删除父组件
，就可以开始了。
请导入必要的依赖项。
我认为父标记的类行和其中的类col-md-3（1-12）可以帮助您水平对齐组件。
 <div>
      <GridList cols={2} spacing={16}>
        this.state.projectList.map(dat => 
          <GridListTile item key={dat} xs={6}> 
            <Item data = {dat}/>
          <GridListTile/>
       ))}
     </GridList>
 </div>