摘要:
  本文主要讲述Markdown中图片的基本引用、缩放和对齐。

1.图片的缩放与位置

  • 原图
  • 直接定义宽和高来缩放图片
html
1
2
3
<div>
<img src="https://gitee.com/qidaink/qidaink-images/raw/master/Markdown/001The%20original%20image.png" width=100 height=60/>
</div>
  • 用百分比确认缩放大小
html
1
2
3
<div>
<img src="https://gitee.com/qidaink/qidaink-images/raw/master/Markdown/001The%20original%20image.png" width=40% height=40% />
</div>
  • 居中
html
1
2
3
<div align=center>
<img src="https://gitee.com/qidaink/qidaink-images/raw/master/Markdown/001The%20original%20image.png" width=20% height=20% />
</div>
  • 靠左
html
1
2
3
<div align=left>
<img src="https://gitee.com/qidaink/qidaink-images/raw/master/Markdown/001The%20original%20image.png" width=20% height=20% />
</div>
  • 靠右
html
1
2
3
<div align=right>
<img src="https://gitee.com/qidaink/qidaink-images/raw/master/Markdown/001The%20original%20image.png" width=20% height=20% />
</div>

  未完,待续。。。。。。