Markdown图片居中
Markdown 图片导入代码并居中
导入图片:方法一
![图片说明](URL)
具体代码如下所示:
![百度一下](https://i-blog.csdnimg.cn/blog_migrate/ffd0b02b62b8799a69d21fd99d5735ab.png)
导入图片:方法二
<img alt="图片说明" src="https://i-blog.csdnimg.cn/blog_migrate/ffd0b02b62b8799a69d21fd99d5735ab.png" />
结果如下所示
图片是居左的
解决方法:使用HTML标签
相对来说,需要修改图片属性时,使用标签比较方便🙂
//最简单的就是直接添加<center>标签
<center>
<img src="https://i-blog.csdnimg.cn/blog_migrate/ffd0b02b62b8799a69d21fd99d5735ab.png"/>
</center>
除此之外,还可以通过<div>层标签进行覆盖,代码如下:
<div align="center">
<img src="https://i-blog.csdnimg.cn/blog_migrate/ffd0b02b62b8799a69d21fd99d5735ab.png"/>
</div>
效果如下
- 同时还可以在标签添加style=“zoom:50%”控制图片大小
- 也可以使用标签的属性width控制图片大小