Markdown使用教程（3）-插入图片技巧

最新推荐文章于 2025-05-13 21:20:23 发布

原创最新推荐文章于 2025-05-13 21:20:23 发布 · 7.9k 阅读

CC 4.0 BY-SA版权

这篇教程详细介绍了Markdown中插入和调整图片的方法，包括原图插入、尺寸调整、比例设置、图片标签、居中对齐和旋转等操作。在调整图片大小时，作者注意到设置为50%时显示原图大小，而100%会放大一倍，对于如何旋转图片，教程表示还在寻求解决方案。

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

插入图片技巧

⎧ ⎩ ⎨ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ ⎪ 1. 插 入 原 图 2. 修 改 大 小 3. 按 比 例 缩 放 4. 标 签 和 居 中 5. 对 齐

$\begin{cases} 1.插入原图\\\\ 2.修改大小\\\\ 3.按比例缩放\\\\ 4.标签和居中\\\\ 5.对齐 \end{cases}$

（1）插入原图片

![](https://i.imgur.com/tLC5qZb.jpg)

（2）修改图片大小

<img src="https://i.imgur.com/tLC5qZb.jpg" height="100" width="100">

可以看出设置高，宽后，图片变形严重。

（3）按比例设置图片

<img src="https://i.imgur.com/tLC5qZb.jpg" width="25%" height="25%">

设置过程中发现，把参数调成“50%”显示原图片大小，调成100%，是放大了一倍。暂时还不知道原因？？可以单独调长，宽大小

（4）如何加图片标签和居中

<center>
<img src="https://i.imgur.com/tLC5qZb.jpg" width="25%" height="25%">

cat

</center>

cat

注意：在Markdownpad电脑客户端上，上面代码的“cat”正确居中，在csdn中编写cat前面应去掉空格

(5)如何旋转图片

暂时还没想到，欢迎补充

(6)如何对齐图片

右对齐：

<img src="https://i.imgur.com/tLC5qZb.jpg" width="15%" height="15%" align="right">
<img src="https://i.imgur.com/tLC5qZb.jpg" width="15%" height="15%" align="right">

<br/>
</br>
</br>
</br>
</br>

中间对齐:

<div align="center">
<img src="https://i.imgur.com/tLC5qZb.jpg" height="15%" width="15%" >
<img src="https://i.imgur.com/tLC5qZb.jpg" height="15%" width="15%" >
 </div>