模板:Stack documentation

本模板用来做 {{Stack}}、{{Stack begin}}、{{Stack mid}} 和 {{Stack end}} 共用的文档。

本模板使用以下模板样式：

Template:Stack/styles.css

本模板用来堆叠图像和其他像信息框之类的浮动内容而不产生间隔和浮动显示的问题。在第一个参数输入图片或模板可以把它们叠放起来，而不会产生间隔或者浮动显示的错误。您可以从章节的顶端叠放许多对象且不用进一步划分小节留出空白。

用法

最简单的方式：

{{stack|<objects>}}

另一种方式，使用 {{stack begin}} 和 {{stack end}}：

{{stack begin}}
<objects>
{{stack end}}

<object> 可以是许多图片或者模板。

可选参数

{{stack| <objects> | float=left/right | clear=true/false}}

或者

{{stack begin | float=left/right | clear=true/false}}

其中

float= left 或者 right（默认是 right）
用来决定在左侧或右侧叠放
clear= true 或者 false（默认是 false）
用于强制叠放于侧边

您还可以具体列举：

{{stack| float=left/right | clear=true/false


|1=<object(s)>
|2=<object(s)>
|3=<object(s)>, 最多 9 个

}}

示例

未使用 {{stack}}

=====''Lipsum''=====
[[File:Simple shapes example.png|thumb|right|示例 1a]]
[[File:Simple shapes example.png|thumb|right|示例 1b]]
...文本...

=====''Lorem''=====
[[File:Simple shapes example.png|thumb|left|示例 1c]]
...文本...

=====''Ipsum''=====
...文本...

结果在正下方的范例显示。注意左侧浮动的图像（示例 1c）被上一个向右浮动的图片（示例 1b）阻隔。您可能需要调整浏览器窗口的宽度来了解问题。为修正这个问题，可以用下列代码堆叠两个右侧浮动的图像：

范例:

Lipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

使用 {{stack}}

=====''Lipsum''=====
{{stack |[[File:Simple shapes example.png|thumb|right|示例 2a]] [[File:Simple shapes example.png|thumb|right|示例 2b]]}}
...文本...

=====''Lorem''=====
[[File:Simple shapes example.png|thumb|left|示例 2c]]
... 文本 ...

=====''Ipsum''=====
...文本...

结果在正下方的范例显示。注意使用这类模板以后，左侧浮动的图像（示例 1c）可以在更高的位置浮动显示，而且不被上一个向右浮动的图片（示例 1b）阻隔。

范例:

Lipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

使用 {{stack begin}} 和 {{stack end}}

Lipsum 与加宽的第二个表格

表格示例 1
示例 1a
示例 1b

宽表格示例 2
示例 2a
示例 2b

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem

表格示例 3
示例 3a

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lipsum 与加宽的第一个表格

宽表格示例 1
示例 1a
示例 1b

表格示例 2
示例 2a
示例 2b

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem

表格示例 3
示例 3a

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

浮动主题首页框

{{Stack}} 可以用来在其他办法都不能获得满意的效果的情况下把主题首页框排在信息框或者其他向右对齐的项目旁边浮动显示。

测试图像

This is a wikitable serving as a typical left-aligned table. The overlap on left-aligned tables had been a frequent problem when other boxes nearby were set to "float:right". So this is a test of how well a floating portal-box would avoid overlapping onto a left-side table.

以下是用 {{stack}} 排版两个主题首页框：

{{stack |{{portal|动物}}{{portal|猫}} }}

两个主题首页框通过 {{stack}} 的第一个参数堆叠，由于信息框和图片一起叠放，{{stack}} 把两个主题首页框转移到信息框的旁边。

堆叠模板系列

参见

{{Multiple image}}，提供多个图像竖排或横排布局。
{{Superimpose}}，将一个图像排在其他图像的前面。
{{Superimpose2}}，将多达50个图像排在其他图像的前面。

用法

可选参数

示例

未使用 {{stack}}

Lipsum

Lorem

Ipsum

使用 {{stack}}

Lipsum

Lorem

Ipsum

使用 {{stack begin}} 和 {{stack end}}

Lipsum 与加宽的第二个表格

Lorem

Ipsum

Lipsum 与加宽的第一个表格

Lorem

Ipsum

更多示例

浮动主题首页框

堆叠模板系列

参见