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)
效果: