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

最愛卡妹
發佈了90 篇原創文章 · 獲贊 97 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章