markdown图片设置
工具:typora
1. 设置图片大小(本节引用自 https://support.typora.io/Resize-Image/)
Typora允许使用<img>
标签显示图像,也可用于调整图像的大小。
例如,您可以指定标记的属性width
或height
属性<img>
,或在其style
属性中设置宽度/高度:
<img src="https://www.google.com/doodles/kamma-rahbeks-241st-birthday" width="200px" />
<!--or-->
<img src="https://www.google.com/doodles/kamma-rahbeks-241st-birthday" style="height:200px" />
另一个常见的用例是,当您尝试插入视网膜图像,并希望将其缩放为“正确”尺寸时,您可以zoom
在其style
属性中指定一个因子。
<img src="https://www.google.com/doodles/kamma-rahbeks-241st-birthday" style="zoom:50%" />
Typora可以理解和显示上述语法。虽然您可以在其style
属性中设置其他css属性,但在Typora编辑或预览时会忽略它们,但可能会影响导出的HTML或PDF。
2. 设置图片位置(center/right/left)(使用HTML式样)
<div align=center>
![]()
</div>
<!--or->
<div align=center>
<img src="" width="">
</div>