Css 柔性网格对齐
我试图在一个容器中显示卡片（div），并将它们放在中间。我使用Css 柔性网格对齐,css,flexbox,alignment,Css,Flexbox,Alignment,我试图在一个容器中显示卡片（div），并将它们放在中间。我使用display:flex和justify content:space around。它工作得很好，但在我下面给出的示例中，卡始终必须是连续4张： #容器{ 显示器：flex； 柔性包装：包装； 宽度：200px； 证明内容：周围的空间； 边框：1px红色实心； } #集装箱卡{ 弹性基准：23%； 背景：黄色； } 卡1 卡2 卡片3 卡4 卡1 卡2 卡片3 卡4 卡片3 卡4 在这种情况下，无需证明内容的合理性。以相等的边距将
display:flexjustify content:space around#容器{
显示器：flex；
柔性包装：包装；
宽度：200px；
证明内容：周围的空间；
边框：1px红色实心；
}
#集装箱卡{
弹性基准：23%；
背景：黄色；
}
卡1
卡2
卡片3
卡4
卡1
卡2
卡片3
卡4
卡片3
卡4
#容器{
显示器：flex；
柔性包装：包装；
宽度：200px；
边框：1px红色实心；
}
#集装箱卡{
弹性基准：20%；
保证金权利：2.5%；
左缘：2.5%；
背景：黄色；
}
卡1
卡2
卡片3
卡4
卡1
卡2
卡片3
卡4
卡片3
卡4
flexboxflexboxflexbox