Html 使用css flex设置3列卡

嗨，我目前正在尝试显示我的卡片，因此每行有3张，并且每当有更多的卡片时，它都会换行到下一行。我已经设置了flex，所以每行3个，但它似乎不起作用

其次，我似乎无法定义卡片的大小，因此图像使卡片太大。我怎样才能解决这个问题

P>最后，我如何设置这一行，使卡的中心集中在页面的中间（而不是从左边开始）？< /P>

.products{
显示器：flex；
柔性包装：包装；
宽度：80%；
保证金：0自动；
}
.产品卡{
弹性：130%；
柔性生长：1；
右侧填充：5px；
边框：2件纯黑；
}
.产品形象{
最大宽度：100%；
}
.产品信息h5{
页边顶部：自动；
字体系列：Helvetica；
字体风格：普通；
字体大小：粗体；
线高：120.2%；
垫面：2%；
/*或29px*/
颜色：#363636；
}
.产品信息h6{
字体系列：Helvetica；
字体风格：普通；
字体大小：正常；
线高：120.2%；
/*或28px*/
颜色：#363636；
}

---

您正在将

flex

添加到

产品卡

div中，但

我不想打断你，但我们看不到图像。已用图像更新！