如何使用Markdown在八度網格中排列圖像

我想用幾張圖片縮略圖編寫一篇博文。我正在使用的代碼以下列方式如何使用Markdown在八度網格中排列圖像

 
...[markdown content before]... 

[{% img left https://lh5.googleusercontent.com/-UjFXd_iX4wg/UK_LGHwB1GI/AAAAAAAACGM/Y9dOC2JLMu0/s400/2012-11-01%252010.51.22.jpg 'Power button of an electric kettle' %}](https://picasaweb.google.com/lh/photo/v54UgP-UYdQKngGBXIkVdtMTjNZETYmyPJy0liipFm0?feat=directlink) 

[{% img left https://lh5.googleusercontent.com/-pZWML6wLvMk/UK_NhINxrhI/AAAAAAAACHc/8dvYICW8AA8/s400/2012-11-01%252011.01.24.jpg 'Power button of an external hard drive' %}](https://picasaweb.google.com/lh/photo/F8GpZ42t2k7OnFWfgzGDW9MTjNZETYmyPJy0liipFm0?feat=directlink) 

[{% img left https://lh6.googleusercontent.com/-1L7v_5CYtq8/UK_NndJB_HI/AAAAAAAACHk/se84006Yoyo/s400/2012-11-01%252011.37.17.jpg 'Power button of an IKEA bedside lamp' %}](https://picasaweb.google.com/lh/photo/2O6MNRL11LHZaOWy5ucSFdMTjNZETYmyPJy0liipFm0?feat=directlink) 

...[markdown content after]...

這工作得很好，但如果我把一些文字下面這一點，它開始於最後一個圖像的右側，而不是在新的一行。

如何獲取網格圖像並在網格後面顯示文本？我正在使用降價來撰寫帖子。

來源

2012-12-01 Danish

它可能會或可能不適合你，但我寫了一個哲基爾插件用於類似用途的情況下 - https://github.com/matthewowen/jekyll-slideshow

這是對有要生成縮略圖的一個網格，使全尺寸圖像面向全尺寸圖像出現在燈箱中。

如果這不是你確切的情況，我的建議是使用CSS來做到這一點。您的語法的「左」部分只是表示要添加的CSS類。在這種情況下，我猜Octopress的CSS會附帶一個規則來讓這個類保持浮動狀態 - 這使得它們彼此並排，但讓文本環繞它。您可以改爲使用「網格」之類的內容，然後添加一條CSS規則，以便爲該類的圖像指定一個內嵌塊顯示屬性。

來源

2012-12-01 23:16:29 heliotrope

謝謝你，我覺得很愚蠢，如果我簡單地從'{％img ...％}'部分省略css類，則圖像以內聯方式出現，完全如我所願。我從來沒有想過嘗試它，直到我讀到你的建議 – Danish

如何使用Markdown在八度網格中排列圖像

回答

相關問題