【Markdown】插入图片、调节大小和位置以及不显示时的解决方法

如何插入图片

格式:
![图片显示不出来时代替它的文字]((外部图片)图片的链接/(内部图片)图片的相对路径 “鼠标放在图片上显示的文字”)

举例:
![这是一只委屈的小鸭子](图片.png “小鸭子!”)

显示不出来时:
在这里插入图片描述

正常显示,鼠标不放在上面:
在这里插入图片描述

正常显示,鼠标放在上面:
在这里插入图片描述

如何调节图片的大小和位置

方法1:内嵌html代码

<img src="图片.png">和上面的!\[](图片.png)是等效的。想要调节图片的大小和位置,只需要调整html代码的css格式即可。
如,想让图片大小变成20×20:
<img src="图片.png" width=20 height=20>
在这里插入图片描述

想让图片水平居中呢,则只需要将代码变成<div align=center><img src="2.jpg" ><div> , 想让图片在最左边则是<div align=left><img src="2.jpg" ><div>
在这里插入图片描述

方法2:使用支持图片大小更改操作的 Mou 编辑器

语法如下![](./pic/pic1_50.png =100x100),这个=100×100就是在设定图片的大小。

常见问题及解决方法

1. 看一下!是否为中文感叹号。

![]() <- 这是中文感叹号
![]() <- 这是英文感叹号
笔者被这个问题坑过多次…

2.看一下![]()\之间是否有空格

有空格也会让它显示不出来

3.检查路径是否正确

建议写的时候将图片和.md文件放在同一文件夹下,直接引用名字就行,毕竟相对路径真的很麻烦…

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值