CSDN写文章图片居中，按比例缩放

huazi-J

已于 2022-04-12 10:42:55 修改

阅读量277

点赞数 3

CC 4.0 BY-SA版权

文章标签： html5

于 2022-04-12 01:38:17 首次发布

本文介绍了如何在CSDN博客中实现图片的居中、大小调整和按比例缩放。提供了使用`#pic_center`实现居中，通过设置`width`属性控制大小的HTML代码示例，并解释了如何进行居左和居右的布局调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSDN提供的格式

![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/716252deb3dba1f1d7c8fe7515b8f3c4.png)

在这里插入图片描述

不好控制大小

![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/716252deb3dba1f1d7c8fe7515b8f3c4.png#pic_center =30x30)

在这里插入图片描述

格式

<img src="图片连接#pic_center" width="20%"/>

示例

<img src="https://i-blog.csdnimg.cn/blog_migrate/716252deb3dba1f1d7c8fe7515b8f3c4.png#pic_center" width="20%"/>

居左和居右只要将 center 改成 left 和 right 即可