如何设置博客园Markdown中图片居中显示及调整尺寸?
- 内容介绍
- 文章标签
- 相关推荐
本文共计376个文字,预计阅读时间需要2分钟。
自由互联的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>
本文共计376个文字,预计阅读时间需要2分钟。
自由互联的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>

