Html 如何使用第n个子属性在一行中显示3个div？

我对使用CSS

nth child

属性在主容器

div

中分配3个div有疑问。有人能给我推荐一下配方吗

.containerbox{
显示器：flex；
}
.定价容器：第n个子（2n）{
宽度：300px；
文本对齐：居中；
字体系列：“开放式Sans压缩”，无衬线；
右边距：60px；
左边距：75px；
边缘底部：50px；
左侧填充：-100px；
}

由于您使用的是flexbox，因此需要在父容器上使用

flex wrap:wrap

。在子项上设置

width:30%

，以便它们在第三项后换行

在您的情况下无需使用第n个子项，30%的宽度用于补偿

边距：10px 1%

.containerbox{
显示器：flex；
柔性包装：包装；
}
.集装箱定价{
宽度：30%；
背景：灰色；
颜色：白色；
文本对齐：居中；
字体系列：“开放式Sans压缩”，无衬线；
利润率：10px1%；
}

1.
2.
3.
4.
5.
6.
7.
8.
9

您也可以在没有第n个子项的情况下将它们显示在一行中。这里的用例是什么？你能给我举个例子吗？我不知道你在问什么。您正在尝试选择第三个元素或在一行中显示三个div。您需要向我们展示您的预期输出，以便我们提供帮助。您想做什么？为什么要使用第n个孩子？你有任何你想要完成的例子吗？我想一行显示3个div。css代码是：.containerbox{display:flex；}。定价容器：第n个子（2n）{宽度：300px；文本对齐：居中；字体系列：'Open Sans Condensed'，Sans serif；右侧边距：60px；左侧边距：75px；底部边距：50px；左侧边距：-100px；}没有问题，西亚姆：）下次请确保在问题中添加你的代码，以避免社区的任何反对票。对不起，我的朋友。下次我将添加带有问题的代码。；-）