Template:Stack
![]() | 本模板使用以下模板样式: |
本模板用来堆叠图像和其他像信息框之类的浮动内容而不产生间隔和浮动显示的问题。在第一个参数输入图片或模板可以把它们叠放起来,而不会产生间隔或者浮动显示的错误。您可以从章节的顶端叠放许多对象且不用进一步划分小节留出空白。
用法
最简单的方式:
{{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''=====
...文本...
範例:
Lipsum
![](http://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Simple_shapes_example.png/220px-Simple_shapes_example.png)
![](http://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Simple_shapes_example.png/220px-Simple_shapes_example.png)
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
![](http://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Simple_shapes_example.png/220px-Simple_shapes_example.png)
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.
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''=====
...文本...
範例:
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
![](http://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Simple_shapes_example.png/220px-Simple_shapes_example.png)
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.
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.
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.
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}} 可以用来在页面浮动显示更多图片。
{{stack|[[File:Simple shapes example.png|80px]]}} {{stack|[[File:Simple shapes example.png|120px]]}}
浮动主题首页框
{{Stack}} 可以用来在其他办法都不能获得满意的效果的情况下把主题首页框排在信息框或者其他向右对齐的项目旁边浮动显示。
信息框
|
![](http://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Mona_Lisa%2C_by_Leonardo_da_Vinci%2C_from_C2RMF_retouched.jpg/60px-Mona_Lisa%2C_by_Leonardo_da_Vinci%2C_from_C2RMF_retouched.jpg)
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}}
把两个主题首页框转移到信息框的旁边。
堆叠模板系列
- {{Stack}}
- {{Stack begin}}
- {{Stack mid}}
- {{Stack end}}
参见
- {{Multiple image}},提供多个图像竖排或横排布局。
- {{Superimpose}},将一个图像排在其他图像的前面。
- {{Superimpose2}},将多达50个图像排在其他图像的前面。
上述文档嵌入自Template:Stack/doc。 (编辑 | 历史) 编者可以在本模板的沙盒 (创建 | 镜像)和测试样例 (创建)页面进行实验。 请在/doc子页面中添加分类。本模板的子页面。 |