markdown图片设置

工具:typora

 

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

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

例如,您能够指定标记的属性widthheight属性<img>,或在其style属性中设置宽度/高度:html

<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。google

 

2. 设置图片位置(center/right/left)(使用HTML式样)

<div align=center>
![]()
</div>

<!--or->

<div align=center>
<img src="" width=""> 
</div>
相关文章
相关标签/搜索