说明:加载图片给有两种方式,一种用网页图片链接,另一种上传本地图片。
获得图中方框中的图片链接为:https://i-blog.csdnimg.cn/blog_migrate/9582c0ea3669c73fa07737d8e76a9094.bmp
一、图片对齐方式
1.居中
方法一: 代码行
使用以下代码进行居中处理
<div align=center><img src="https://img-blog.csdnimg.cn/20200101154257985.bmp"/></div>
代码在Markdown编辑器效果如下:
方法二: 本地插入的方式
编辑界面右侧帮助文档有提示:
链接: [link](https://mp.csdn.net).
图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)
居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)
居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)
效果如下:
两种方式最终显示效果一致!
同样地,对于图像的右对齐、左对齐用如下方式即可快速达到。
2.右对齐、左对齐
左对齐
<div align=left><img src="https://i-blog.csdnimg.cn/blog_migrate/9582c0ea3669c73fa07737d8e76a9094.bmp"/></div>
右对齐
<div align=right><img src="https://i-blog.csdnimg.cn/blog_migrate/9582c0ea3669c73fa07737d8e76a9094.bmp"/></div>
效果如下:
二、图片大小
在img后面加width=xx hight=xx可以调整图片大小,使用以下代码进行大小调整。
方法一: 代码
<div align=center><img width=300 hight=300 src="https://i-blog.csdnimg.cn/blog_migrate/9582c0ea3669c73fa07737d8e76a9094.bmp"/></div>
效果如下:
方法二: 本地插入
带尺寸的图片:
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)
居中并且带尺寸的图片:
![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)
效果如下:
参考文献:
[1] CSDN Markdown编辑器改变图片对齐方式(居中,左对齐,右对齐)及改变图片大小
[2] markdown中图片靠左对齐或靠右对齐
针对博文美化,具体对于字体大小、颜色等排版,欢迎参考另一篇博文。
markdown编辑器常用语法(段落缩进、换行,改变字体、字号与颜色等)
欢迎各位订阅我,谢谢大家的点赞和专注!我会继续给大家分享精简快捷的操作指南。