您的位置:首页 > 其它

Markdown使用教程(3)-插入图片技巧

2018-03-25 17:41 621 查看

插入图片技巧

⎧⎩⎨⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪1.插入原图2.修改大小3.按比例缩放4.标签和居中5.对齐{1.插入原图2.修改大小3.按比例缩放4.标签和居中5.对齐

(1)插入原图片

![](https://i.imgur.com/tLC5qZb.jpg)




(2)修改图片大小

<img src="https://i.imgur.com/tLC5qZb.jpg" height="100" width="100">




可以看出设置高,宽后,图片变形严重。

(3)按比例设置图片

<img src="https://i.imgur.com/tLC5qZb.jpg" width="25%" height="25%">




设置过程中发现,把参数调成“50%”显示原图片大小,调成100%,是放大了一倍。暂时还不知道原因??可以单独调长,宽大小

(4)如何加图片标签和居中

<center>
<img src="https://i.imgur.com/tLC5qZb.jpg" width="25%" height="25%">
cat

</center>




cat

注意:在Markdownpad电脑客户端上,上面代码的“cat”正确居中,在csdn中编写cat前面应去掉空格

(5)如何旋转图片

暂时还没想到,欢迎补充

(6)如何对齐图片

右对齐:

<img src="https://i.imgur.com/tLC5qZb.jpg" width="15%" height="15%" align="right">
<img src="https://i.imgur.com/tLC5qZb.jpg" width="15%" height="15%" align="right">

<br/>
</br>
</br>
</br>
</br>






中间对齐:

<div align="center">
<img src="https://i.imgur.com/tLC5qZb.jpg" height="15%" width="15%" >
<img src="https://i.imgur.com/tLC5qZb.jpg" height="15%" width="15%" >
</div>




内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: