markdown图片设置

工具:typora

 

1. 设置图片大小(本节引用自 https://support.typora.io/Resize-Image/

Typora允许使用<img>标签显示图像,也可用于调整图像的大小。

例如,您可以指定标记的属性widthheight属性<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>
posted @ 2019-01-18 12:08  clovershell  阅读(1849)  评论(0编辑  收藏  举报