如何在MaterialUI网格项目中将项目水平居中？

如何在Material UI Grid项内居中放置元素？这是我的React应用程序的片段：

  
    // Unrelated stuff here
  
  
    // How do I centre these items?
    
      
    
    
      
    
  
  
    // Unrelated stuff here
  

我试过申请alignContent，justify，alignItems（父），但没有成功。

我以为这很简单，但是我没找到关于网格项目内部居中项目的任何信息。

两秒钟后...我通过一些简单的CSS解决了这个问题：

如果还有另一种方法更“正确”，请随时发布另一个答案。