在网页设计中，图片是一个必备的元素，不仅可以丰富页面的内容，也可以打破页面的单调。但是，图片的排版却经常会让设计者头疼，特别是当图片需要居中展示的时候。本文将介绍如何使用CSS让图片轻松居中展示，希望对您的网页设计有所帮助。

一、使用 flex 属性居中图片

在CSS3中，我们可以使用flexbox布局来实现图片的居中排版。这种方式较为简单，只需将图片所在的容器元素设置display属性为flex即可。

HTML代码：

```