2

我正在尝试用一些图像缩略图写一篇博客文章。我正在通过以下方式使用代码

...[之前的降价内容]...

[{% img left https://lh5.googleusercontent.com/-UjFXd_iX4wg/UK_LGHwB1GI/AAAAAAAACGM/Y9dOC2JLMu0/s400/2012-11-01%252010.51.22.jpg '电热水壶的电源按钮'%}](https ://picasaweb.google.com/lh/photo/v54UgP-UYdQKngGBXIkVdtMTjNZETYmyPJy0liipFm0?feat=directlink)

[{% img left https://lh5.googleusercontent.com/-pZWML6wLvMk/UK_NhINxrh​​I/AAAAAAAACHc/8dvYICW8AA8/s400/2012-11-01%252011.01.24.jpg '外置硬盘的电源按钮'%}]( 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 '宜家床头灯的电源按钮'%}]（ https://picasaweb.google.com/lh/photo/2O6MNRL11LHZaOWy5ucSFdMTjNZETYmyPJy0liipFm0?feat=directlink)

...[降价后的内容]...

这很好用，但是如果我在它下面放一些文本，它会从最后一张图像的右侧开始，而不是在新行上。

我怎样才能有一个图像网格并让文本在网格之后继续？我正在使用降价来写帖子。

4

1 回答 1

3

它可能适合您，也可能不适合您，但我为类似的用例编写了一个 Jekyll 插件 - https://github.com/matthewowen/jekyll-slideshow

这适用于拥有全尺寸图像，您希望在其中生成缩略图网格，以允许全尺寸图像出现在灯箱中。

如果这不是你的确切情况，我的建议是使用 CSS 来做到这一点。语法的“左”部分仅表示要添加的 CSS 类。在这种情况下，我猜 Octopress 的 CSS 附带了一个规则来让这个类向左浮动——这使得它们彼此并排出现，但让文本环绕它。您可以改为使用“网格”之类的东西，然后添加一个 CSS 规则来为该类的图像提供内联块显示属性。

于 2012-12-01T23:16:29.003 回答