Html css3 flexbox限制每行4项自动宽度

如何使用flexbox实现这一点？目前，我正在使用table，但我将每一行包装在一个div中，以将其限制为仅5项。我想所有的项目包装在一个家长只

我尝试了flexbox，但我希望项目宽度取决于其内容。谢谢你们

.flexContainer{
显示器：flex；
柔性流：行换行；
}
.flexContainer.item{
填充物：5px；
flex:1自动；
}
.flexContainer.a项{
显示：块；
背景：蓝色；
文本对齐：居中；
}

从该回购协议来看，您可以在css中执行以下操作：

CSS:

*{
框大小：边框框；
}
.flexContainer{
显示器：flex；
柔性包装：包装；
}
.flexContainer.item{
填充物：5px；
弹性：120%；
}

这将达到预期的效果

*{
框大小：边框框；
}
.flexContainer{
显示器：flex；
柔性包装：包装；
}
.flexContainer.item{
填充物：5px；
弹性：120%；
}
.flexContainer.a项{
显示：块；
背景：蓝色；
文本对齐：居中；
}

您也可以提供您的HTML吗请：）以下是一些可能有帮助的链接@你能更新你的问题，使之包含HTML，并理想地制作一个片段吗。这将更容易帮助，谢谢，我希望它是每行5个项目不相同的宽度，但应占整个宽度在container@ovokuro感谢您在帖子中已经更新的回复。正如你所看到的，它不是每行5个项目。我希望flex中的宽度是自动的：1 20%，但它应该每行有5个项目，就像文章中附加的图像一样。flex CSS项目中的最后一个选项不是宽度本身。。。它是。它基本上设置每个flex项的初始大小。通过将其设置为20%，您将每个项目限制为可用框宽度的1/5，或每行5个项目。如果您将此设置为自动，您将允许总项目数设置限制，本质上仅通过内容限制它们。这最后一点就是为什么我的示例中的最后一个框从flex行流入下一行，因为内容太长，无法容纳20%的可用空间。