CSDN博客中的图像居中与缩放

在CSDN上发博客的时候，通常会有很多图片需要插入，但是插入的图片用默认的格式无法控制大小，也不好居中，所以这里需要使用一些CSS样式来实现这些操作。

下面我们都以这只可爱的小鸟为例，来实现相关的操作。

这里直接在写博客时，点击插入图片的小图标，用到的Markdown代码为：

![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/59654dfde05cea5fcd179d97b1abad4e.jpeg)

上图是插入的图片比较大的情况显示的样式，如果图片比较小，那么就会贴着左侧显示。下面我们将演示如何进行图像居中。

---

图像居中

其实进行居中的方法非常简单，至于要在原本的代码上面添加<center>即可，具体如下所示：

<center>
![这里写图片描述](https://i-blog.csdnimg.cn/blog_migrate/59654dfde05cea5fcd179d97b1abad4e.jpeg)

另外在很多时候，我们插入进来的图片会比较大，我们想缩放其比例，就要使用CSS样式了。

---

图像缩放

例如：我们想缩放成页宽的50%，得到如下的插入

直接使用如下代码即可：

<img src="https://i-blog.csdnimg.cn/blog_migrate/59654dfde05cea5fcd179d97b1abad4e.jpeg" width="50%">

结果如下：

注意里面是width="50%"。然后如果我们再将上述图片居中，同样再在前面添加上<center>即可：

<center>
<img src="https://i-blog.csdnimg.cn/blog_migrate/59654dfde05cea5fcd179d97b1abad4e.jpeg" width="50%">

其效果如下：