第六篇 Asciidoc 图片按行排

关于排列

如果把要显示的内容看成一个集合，那么每一个内容都可以看成一个盒子，盒子与盒子的关系只可能有三种：

• 上下关系（按列排），也就是一个内容在上，一个内容在下

• 左右关系（按行排），也就是一个在左，一个在右，如果排满了一行，就接着排下一行

• 包含关系（一个是容器，另一个是容器里面的一个元素）：例如，相框套照片

上述逻辑，对于熟悉 HTML 的小伙伴，并不是什么新概念，就是 Block元素 和 inline元素，即块元素和行内元素。

图片为什么要按行排？

大多数情况下，我们使用图片，都是上下排，也就是将它看作是块元素（Block element），比如示意图或者插图。 但有的时候，当图片一句话的一部分时，将图片看作一句话中的一个字，效果更好。

比如，您在写用户使用手册，有这么一句话：

按退出按钮，可以退出系统。

上面的 退出 两字，如果直接显示为一个系统操作界面上的退出按钮图片，