css flex item 一行3个

CSS Flex Item一行3个可以使用flex布局来实现。Flex布局是一种用于创建灵活布局的CSS布局模式，它允许您轻松地控制元素的大小、位置和排列方式。

要在一行中放置三个Flex Item，您可以使用以下CSS代码：

.container {
  display: flex;
  justify-content: space-between;
}

在上面的代码中，`.container`是包含Flex Item的容器类名。通过将`display`属性设置为`flex`，您将使容器成为flex容器，并启用flex布局。`justify-content: space-between;`属性将使Flex Item在容器中均匀分布，并在每一行中显示三个Flex Item。

您可以根据需要调整其他CSS属性，例如`align-items`（用于垂直对齐）和`flex-wrap`（用于控制是否换行）等，以适应您的具体布局需求。

请注意，上述代码假设您已经有一个包含Flex Item的容器，并且您已经将其样式化并应用了适当的类名。如果您还没有这样的容器，请根据您的布局需求创建一个容器，并将上述代码应用于该容器。