CSDN Markdown编辑器改变图片对齐方式(居中,左对齐,右对齐)及改变图片大小

我也是由于想博客更美观要使图片居中,查阅百度后,结合自己走的弯路,在此给大家提供借鉴。
使用CSDN中Markdown编辑器的帮助文档的方法插入图片Ctrl/Command + Shift + G,上传图片不要使用搜狗输入法,按键功能有冲突,上传完后如图

获得图中方框中的图片链接 https://img-blog.csdnimg.cn/20181112181654982.png

一、图片对齐方式

①居中
使用以下代码进行居中处理

<div align=center><img  src="https://img-blog.csdnimg.cn/20181112181654982.png"/></div>

代码在Markdown编辑器效果如下:

②左对齐

<div align=left><img  src="https://img-blog.csdnimg.cn/20181112181654982.png"/></div>

③右对齐

<div align=right><img  src="https://img-blog.csdnimg.cn/20181112181654982.png"/></div>

二、图片大小
在img后面加width=xx hight=xx可以调整图片大小

<div align=center><img width=300 hight=300 src="https://img-blog.csdnimg.cn/20181112181654982.png"/></div>

猜你喜欢

转载自blog.csdn.net/qq_24546137/article/details/83996446
今日推荐