css display:flex 3列显示

可以使用 flexbox 布局实现3列显示。

首先，需要将父容器的 display 设置为 flex。然后，可以在父容器中使用 flex-wrap 属性来让容器自动换行，并设置 flex-direction 为 row，表示排列方向为横向。最后，可以使用 flex-basis 属性来设置子元素的宽度。

示例代码：

.parent {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.child {
  flex-basis: 33.33%;
}

其中 child 是父容器的子元素，flex-b