卡片网格布局总是使用CSS和有角度的材料居中

Question

我试图制作一个简单的卡片网格布局，但我在布局的右侧得到了奇怪的间距，我想要的是内容总是以布局两侧相同的边距居中。我的代码：https://stackblitz.com/edit/angular-9-material-starter-ps6mp7?file=src%2Fapp%2Fapp.component.html紫色区域是奇怪的间距

Answer 1

尝试将justify-content: center; align-items: center;添加到您的content2类中

.content2 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}