博客园的markdown图片居中对齐并调整大小

一、博客园用户推荐使用

//图片必须用<div>中使用align="center",不然没有反应
<div align="center">
<img src="图片地址" style="zoom:50%" alt="图片名称"/>
</div>

注意:必须每个命令一行,不然markdown编译器不识别!

二、其次二维缩放

//图片必须用<div>中使用align="center",不然没有反应
<div align="center">
<img src="图片地址" width="20%" height="20%" alt="图片名称"/>
</div>

三、最后是手动改变大小

//图片必须用<div>中使用align="center",不然没有反应
博客园用户推荐使用
<div align="center">
<img src="图片地址" width="200" height="200" alt="图片名称"/>
</div>

四、如果想要插入多个图片

//图片必须用<div>中使用align="center",不然没有反应
博客园用户推荐使用
<div align="center">
<img src="图片地址" style="zoom:50%" alt="图片名称"/>

//如果想要插入多个图片,而且多个图片之间连在一起,
//不好看,可以使用<P>来插入一行空白行,进行分割。
<p>
</p>

<img src="图片地址" width="200" height="200" alt="图片名称"/>

</div>
posted @   小白学CS  阅读(700)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
点击右上角即可分享
微信分享提示