CSDN markdown文档图片的左对齐、居中、右对齐&并排显示

待我称王封你为后i 2022-11-27 08:56 501阅读 0赞

前几天，打开csdn写博客，突然发现，图片默认居中了。啊，很崩溃啊，用不习惯啊，怎么办呢。

我翻了之前的博客，发现，依然是默认居左。然后详细的观察了一下，发现，咱们直接把图片拖进markdown编辑区域后，图片下面的提示地址有了些改变。

这是之前的：红框里的是csdn默认给加的水印  
![在这里插入图片描述][20200814172338220.png_pic_center]

这是现在的：  
![在这里插入图片描述][20200814172246683.png_pic_center]  
诶，发现之前的没有"\#pic\_center"诶。其实就是控制图片方位的。

这样我们就知道怎么让图片居左、居中或者居右了吧。

###### 居左 ######

![在这里插入图片描述](/images/20221124/d1bf1e38c7aa4f95af5d95b141735265.png)

![在这里插入图片描述][20200814172536520.png_pic_left]

###### 居中 ######

![在这里插入图片描述](/images/20221124/be1bef4bf3d84f7cb014c91b63e5e5d1.png)

![在这里插入图片描述][20200814172536520.png_pic_center]

###### 居右 ######

![在这里插入图片描述](/images/20221124/f7bf53a2b0d84fd69bc4ff14856bcd00.png)

![在这里插入图片描述][20200814172536520.png_pic_right]

###### 内嵌标签实现 ######

有的同志，用内嵌标签，诶，我觉得也很好诶。

比如还是上面这张图片，但我们用img标签来写，把我们拖进来的图片自动生成的地址给放入src里面：

<img src="/images/20221124/be1bef4bf3d84f7cb014c91b63e5e5d1.png" />

![20200814172536520.png_pic_center][]

然后通过改变`#pic_center`的取值来改变布局方向。

###### 图片并排显示 ######

[描述](图片链接)[外链图片转存失败(img-sNlPTdAz-1562068100945)(图片链接)][外链图片转存失败(img-jqJRSnfk-1562068100947)(图片链接)]

参考：[修改CSDN博客上传图片大小、显示情况等操作][CSDN]

[20200814172338220.png_pic_center]: /images/20221124/da5b8fcad4c64a5cb117df3acff5488d.png
[20200814172246683.png_pic_center]: /images/20221124/e54a990bc93147a6a5657c6285a101c2.png
[20200814172536520.png_pic_left]: /images/20221124/d1bf1e38c7aa4f95af5d95b141735265.png
[20200814172536520.png_pic_center]: /images/20221124/be1bef4bf3d84f7cb014c91b63e5e5d1.png
[20200814172536520.png_pic_right]: /images/20221124/f7bf53a2b0d84fd69bc4ff14856bcd00.png
[CSDN]: https://blog.csdn.net/DonaldSu/article/details/87903034

发表评论取消回复

表情：

评论列表（有 0 条评论，501人围观）

还没有评论，来说两句吧...

相关阅读

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

文章目录一、推荐使用二、其次二维缩放三、最后是手动改变大小四、如果想要插入多个图片一、推荐使用

爱被打了一巴掌/ 2024年04月01日 12:17/ 0 赞/ 81 阅读

相关 Android Toolbar左、中、右对齐

Android Toolbar左、中、右对齐默认的Android Toolbar中添加子元素view是从左到右依次添加。需要注意的是，Android Tool

川长思鸟来/ 2024年02月17日 16:22/ 0 赞/ 29 阅读

相关 12. 对字符串进行左、右、居中对齐

例如，某字典存储了一系列属性值： { "lodDist": 100.0, "SmallCull": 0.04, "D

矫情吗；*/ 2023年10月10日 10:09/ 0 赞/ 39 阅读

相关 CSDN markdown多张图片显示并排并列显示

并列显示 <figure> <img src="http:xxx.pngpic_center"/> <img src="http

曾经终败给现在/ 2023年01月24日 02:02/ 0 赞/ 7 阅读

相关 view里面内容左对齐或者右对齐

<view style="text-align: left; display: inline-block"> <view>共监测设备：100个</view

浅浅的花香味﹌/ 2022年11月30日 01:59/ 0 赞/ 204 阅读

相关 CSDN markdown文档图片的左对齐、居中、右对齐&并排显示

前几天，打开csdn写博客，突然发现，图片默认居中了。啊，很崩溃啊，用不习惯啊，怎么办呢。我翻了之前的博客，发现，依然是默认居左。然后详细的观察了一下，发现，咱们直接把图片

待我称王封你为后i/ 2022年11月27日 08:56/ 0 赞/ 502 阅读

相关 java编写九九乘法表的左、右、居中对齐

1.左对齐 public NineLeft(int num) { for (int i = 1; i < num + 1

刺骨的言语ヽ痛彻心扉/ 2022年11月06日 14:00/ 0 赞/ 340 阅读

相关 markdown 图片并排显示

要一张图片接着一张图片的写，中间不能有换行。如果换行的话则图片也换行正确的写法： ![描述](图片链接)![描述](图片链接)![描述](图片链接) 实例：

浅浅的花香味﹌/ 2022年05月22日 01:40/ 0 赞/ 258 阅读

相关 Markdown 图片居中居左居右显示

Markdown 图片居中居左居右显示

朱雀/ 2020年10月18日 00:51/ 0 赞/ 904 阅读

相关 html里图片怎么居中对齐？

图片的居中方式有很多种吧，算是html基础，下面给大家介绍几种方法。

小灰灰/ 2020年04月23日 08:46/ 0 赞/ 1060 阅读