Markdown Best Practice - 定制图片

定制图片

Markdown中图片的定制包括图片大小,图片说明等。Markdown中的图片建议用img标签,可灵活定制。

center实现居中

示例:

<center>
<img src="https://i-blog.csdnimg.cn/blog_migrate/a1643fdd44fe84524baf8c5017170418.png" width="25%" height="25%" alt="markdown图片示例" title="jazz"/>
</center>
<center>
Figure 1. jazz-dev
</center>

显示效果:

markdown图片示例
Figure 1. jazz-dev
div实现
<div align="right">
<img src="https://i-blog.csdnimg.cn/blog_migrate/a1643fdd44fe84524baf8c5017170418.png" width="25%" height="25%"  />
</div>

显示效果:

多图并排显示

通过div标签和align属性控制对齐方式。

示例:

<div align="center">
<img src="https://i-blog.csdnimg.cn/blog_migrate/7e7f99274c94517093feb6b6725cf4a1.jpeg" height="330" width="190" >
<img src="https://i-blog.csdnimg.cn/blog_migrate/9b4f9468a017f6691bad56349115f299.jpeg" height="330" width="190" >
<img src="https://i-blog.csdnimg.cn/blog_migrate/ffba5a171d0303c03841720e71feb0a4.jpeg" height="330" width="190" >
</div>

显示效果:

并排显示效果图
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值