CSDN markdown编辑器设置文字图片对齐方式

markdown本身没有提供对齐的语法,但是可以通过使用html标记语言实现文字和图片的对齐

文字对齐方式

使用<p>align标签实现文字对齐

<p align="center">居中对齐</p>
<p align="left">左对齐</p>
<p align="right">右对齐</p>

效果:
在这里插入图片描述

图片对齐方式

1.使用<img>align标签实现图片左右对齐

<img src="https://img-blog.csdnimg.cn/b4733ad2b7324ff2bc2044b85c923ec1.JPG" align="left">
<img src="https://img-blog.csdnimg.cn/b4733ad2b7324ff2bc2044b85c923ec1.JPG" align="right">

效果:
在这里插入图片描述

2.利用markdown编辑器语法

在markdown的图片语法后面多了#pic_center,尝试改变它为#pic_left#pic_center#pic_right,分别实现了图片的左,居中,右对齐。可以看出csdn对markdown的图片对齐语法进行了支持。
在这里插入图片描述

![](https://img-blog.csdnimg.cn/b4733ad2b7324ff2bc2044b85c923ec1.JPG#pic_left)
![](https://img-blog.csdnimg.cn/b4733ad2b7324ff2bc2044b85c923ec1.JPG#pic_center)
![](https://img-blog.csdnimg.cn/b4733ad2b7324ff2bc2044b85c923ec1.JPG#pic_right)

效果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_60352504/article/details/120191082