MarkDown设置图片居中显示并调整大小

最新推荐文章于 2025-04-16 17:44:02 发布

Mr.YunLong

最新推荐文章于 2025-04-16 17:44:02 发布

阅读量1.4w

点赞数 6

Authorized By YunLong's Blog

本文链接：https://blog.csdn.net/qq_44486550/article/details/107575128

版权

93 篇文章

订阅专栏

本文详细介绍了如何使用Markdown语法使图片居中显示，并提供了调整图片尺寸的方法。通过HTML代码，可以轻松实现图片的布局优化，适用于撰写技术文档和博客。

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

Markdown图片的一般格式

! [] ()

在这里插入图片描述
显示出来的效果(未居中和更改大小)
Masschussates的博客

<div align=center><img src="url" width="  "></div>

其中url是要插入的图片的链接，width是修改图片的尺寸，去掉该选项后图片则以原画显示。

<div align=center><img src="https://i-blog.csdnimg.cn/blog_migrate/db825e13f5175e017062f8aa1ff2f85c.png" width="200"></div>

<div align=center><img src="https://i-blog.csdnimg.cn/blog_migrate/db825e13f5175e017062f8aa1ff2f85c.png" width="300"></div>

<div align=center><img src="https://i-blog.csdnimg.cn/blog_migrate/db825e13f5175e017062f8aa1ff2f85c.png" width="400"></div>

<div align=center><img src="https://i-blog.csdnimg.cn/blog_migrate/db825e13f5175e017062f8aa1ff2f85c.png" width="500"></div>

<div align=center><img src="https://i-blog.csdnimg.cn/blog_migrate/db825e13f5175e017062f8aa1ff2f85c.png" width="600"></div>

<div align=center><img src="https://i-blog.csdnimg.cn/blog_migrate/db825e13f5175e017062f8aa1ff2f85c.png"></div>