CSDN Markdown編輯器中使圖片居中,改變圖片大小

我也是由於想博客更美觀要使圖片居中,查閱百度後,結合自己走的彎路,在此給大家提供借鑑。
使用CSDN中Markdown編輯器的幫助文檔的方法插入圖片Ctrl/Command + Shift + G,上傳圖片不要使用搜狗輸入法,按鍵功能有衝突,上傳完後如圖

獲得圖中方框中的圖片鏈接https://img-blog.csdnimg.cn/20181112181654982.png

一、圖片對齊方式

①居中
使用以下代碼進行居中處理

<div align=center><img  src="https://img-blog.csdnimg.cn/20181112181654982.png"/></div>

代碼在Markdown編輯器效果如下:

②左對齊

<div align=left><img  src="https://img-blog.csdnimg.cn/20181112181654982.png"/></div>

③右對齊

<div align=right><img  src="https://img-blog.csdnimg.cn/20181112181654982.png"/></div>

二、圖片大小
在img後面加width=xx hight=xx可以調整圖片大小

<div align=center><img width=300 hight=300 src="https://img-blog.csdnimg.cn/20181112181654982.png"/></div>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章