造型octopress图像布局(例如连续的图像)

时间:2013-02-01 19:45:35

标签: jekyll octopress

使用{%img ... %}插件设置图像布局样式的任何提示?

我对leftright没关系,但我真的希望将所有图像垂直放在一起,例如并不能安静地弄清楚如何设置样式。

我想也许在<div class="right">上围绕一堆添加{% img ... %},但这似乎太混乱了HTML。

提前感谢任何指针

ps,我看到了this question,但它没有完全回答我的问题

1 个答案:

答案 0 :(得分:5)

在markdown中,您可以使用以下语法编写表格

-----------------
|   A   |   B   |
| :---: | :---: |
|   C   |   D   |
-----------------

水平线两侧的两个点定义了细胞的对齐方式:

  • 居中:--:
  • :---
  • 正确---:

您可以在中间使用任意数量的破折号。

我使用这种技术将图像作为this blog post中的表格对齐(在里面搜索“Nil”)。它看起来像这样:

aligned images with markdown table

使用此代码:

| Nil | Inline / list | Table |
| :---: | :---: | :---: |
| {% img /images/2013-02-04-nil.png 36 92 Nil line numbers %} | {% img /images/2013-02-04-inline.png 62 92 Inline line numbers %} | {% img /images/2013-02-04-table.png 72 92 Table line numbers %} |