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>
相关文章推荐
- Markdown中插入图片技巧收集
- CKEditor/FCKEditor 使用-CKeditor 3.0.1 快速教程(含插入图片)
- 去掉CSDN使用MarkDown编辑器插入图片自动添加的水印
- markdown快速插入图片技巧
- CKEditor/FCKEditor 使用FCKeditor 2.6.5 快速使用教程(含插入图片)
- 如何巧妙的在使用markdown的时候上传或者插入图片
- Markdown系列(7)- Markdown中插入图片的三个技巧
- CKEditor/FCKEditor 使用-CKeditor 3.0.1 快速教程(含插入图片)
- CKEditor/FCKEditor 使用-CKeditor 3.0.1 快速教程(含插入图片)
- 使用Markdown编辑器插入图片只显示连接的解决方法
- word使用技巧---插入图片显示不全的解决方案
- CKEditor/FCKEditor 使用 CKeditor 3.0.1 快速使用教程(含插入图片)
- CKEditor/FCKEditor 使用-CKeditor 3.0.1 快速教程(含插入图片)
- MarkDown插入图片(使用Github图片床)
- J2EE入门视频教程第三讲——IDE使用高级技巧之程序调试
- 学习CSS使用技巧教程(6)文字属性
- 学习CSS使用技巧教程(7)连接属性
- 高手进阶性教程CSS的常规使用技巧
- C#开发和使用中的23个技巧_C#教程