最终效果使用flex布局将上图分成三列。第一列两张图，第二列三张图，第三列两张图。在编写html页面之前，你应该了解页面是由数据动态渲染的，因此你应该将从后端接收到的数据转换成相应的格式。比如：把修改后的数据放到html中，用map遍历。页面：先把图片转成六边形：clip-path:polygon(25%0%,75%0%,100%50%,75%100%,25%100%,0%50%);然后将包装器设置为flex布局，flex-direction：column，align-items：center。在列之间设置margin-right以便它们之间有间隙
