css两行三列显示图片

CSS可以很方便地实现两行三列的图片显示。下面是实现代码：

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

.item {
  width: 30%;
}

.item img {
  width: 100%;
} 

首先，我们需要一个容器，使用flex布局。flex-wrap属性可以让内容在一行放不下时，自动换行。justify-content属性可以让内容居中显示，并且左右两侧的距离相等。

然后，我们再设置每一个图片的宽度为30%。注意这里是设置图片的宽度，而不是容器的宽度，这是为了能够在一行显示3个图片。

最后，我们再设置图片本身的宽度为100%。这样可以让图片占满它所在的容器，使得图片不会因为宽度大小不同而出现空白。