Markdown图片居中、文字居中

默认图片

markdown默认的图片位置是靠左,先上一张图片,这个大家都会

![description](https://xxxxx)

来张卡妹的图~

camila

Typora

个人非常喜欢typora,平时写markdown也是在typora写好再弄到csdn发表的,这次图片居中搞得我有点烦,后来经过验证,以下方法可以在typora使用

  1. 使用HTML标签进行居中

    center可以用于图片,也可以用于文字~

    其中img的width填个像素就会按比例缩放,本人HTML比较菜,所以没有过多研究,能用就行

    <center>
        <img src="https://xxxx" width="400">
        <center>最爱卡妹</center>
    </center>
    
    最爱卡妹

CSDN

使用HTML

代码见上面Typora部分

CSDN的Markdown独有的方式

  • 仅居中
![description](https://xxxxx#pic_center)
  • 居中并缩放为400*400
![description](https://xxxxx#pic_center =400x400)
  • 居中并缩放宽为400高按比例缩放
![description](https://xxxxx#pic_center =400x)

比如卡妹这张图,就可以用第三个来试试

camila

最爱卡妹
发布了89 篇原创文章 · 获赞 96 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/Boring_Wednesday/article/details/104287191