Markdown 是一種輕量級標(biāo)記語言妥衣,它允許人們使用易讀易寫的純文本格式編寫文檔,然后轉(zhuǎn)換成格式豐富的HTML頁面赎婚。
Markdown 語法是對純文本格式的強化康辑,能使文本顯示得更清晰、有條理郑趁。但它依舊算是簡單的文本刊驴,很容易修改和擴(kuò)展,常用于快速寫作中。也正是因為MarkDown更注重簡潔捆憎,所以對于圖文混排舅柜,一些特定效果等功能進(jìn)行了弱化,比如想設(shè)置圖文并列躲惰,圖片墻等時致份,純MarkDown語法就無法實現(xiàn)了。
還好础拨,Markdown 格式的兼容擴(kuò)展性頗佳氮块,使之能快速轉(zhuǎn)換為各種互聯(lián)網(wǎng)上的常用格式,比如 HTML诡宗、Word滔蝉、PDF 等。
所以要實現(xiàn)圖文混排塔沃,我們可以使用HTML語法來完成蝠引,比如完成一個圖片并列排放效果,就可以在MarkDown文檔中直接寫入如下示例代碼實現(xiàn)
divstyle=float:left;border:solid1px000;margin:2px;imgsrc=../images/QR-atm.pngwidth=200height=260/divdivstyle=float:left;border:solid1px000;margin:2px;imgsrc=../images/QR-Taobao.pngwidth=200height=260/div
以上示例代碼實現(xiàn)的效果如下:
當(dāng)屏幕容得下多張圖片時蛀柴,圖片將并排展示螃概,如果屏幕分辨率小,則接著下一屏展示鸽疾。
如上文吊洼,當(dāng)添加了DIV
樣式后,圖片是實現(xiàn)并排了制肮,可后面的文字也貼上去了融蹂,無法實現(xiàn)在下一行顯示,此時我們就需要在將下文放在DIV
容器中弄企,并清除之前的浮動樣式
divstyle=float:none;clear:both;下文其他內(nèi)容/div
這樣在MarkDown中讓圖片并排展示就實現(xiàn)了,如果有更好的方法歡迎留言交流区拳。