imported>Great Brightstar：/* 用法 */

2023-04-05T05:15:04Z

用法

新页面

<noinclude>
{{ombox |text=本模板用来做 {{tl|Stack}}、{{tl|Stack begin}}、{{tl|Stack mid}} 和 {{tl|Stack end}} 共用的文档。}}
</noinclude>
{{模板样式|Template:Stack/styles.css}}
本模板用来堆叠图像和其他像信息框之类的浮动内容而不产生间隔和浮动显示的问题。在第一个参数输入图片或模板可以把它们叠放起来，而不会产生间隔或者浮动显示的错误。您可以从章节的顶端叠放许多对象且不用进一步划分小节留出空白。

{{TOClimit|3}}

== 用法 ==

最简单的方式：
<pre style="overflow:auto;">
{{stack|<objects>}}
</pre>

另一种方式，使用 {{tld|stack begin}} 和 {{tld|stack end}}：
<pre style="overflow:auto;">
{{stack begin}}
<objects>
{{stack end}}
</pre>

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

===可选参数===
:<code>-{}-<nowiki>{{</nowiki>stack| <objects> | float=left/'''right''' | clear=true/'''false'''<nowiki>}}</nowiki></code>
或者
:<code>-{}-<nowiki>{{</nowiki>stack begin | float=left/'''right''' | clear=true/'''false'''<nowiki>}}</nowiki></code>
其中
:*<code>float=</code> ''left'' 或者 ''right''（默认是 '''right'''）
:*: 用来决定在左侧或右侧叠放
:*<code>clear=</code> ''true'' 或者 ''false''（默认是 '''false'''）
:*: 用于强制叠放于侧边

您还可以具体列举：
:<code>-{}-<nowiki>{{</nowiki>stack| float=left/'''right''' | clear=true/'''false'''
:|1=<object(s)>
:|2=<object(s)>
:|3=<object(s)>, 最多 9 个
:<nowiki>}}</nowiki></code>


== 示例 ==
====未使用 {{tlf|stack}}====
----
<syntaxhighlight lang="moin">
=====''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''=====
...文本...
</syntaxhighlight>结果在正下方的[[#未使用 stack|範例]]显示。注意左侧浮动的图像（示例 1c）被上一个向右浮动的图片（示例 1b）阻隔。您可能需要调整浏览器窗口的宽度来了解问题。为修正这个问题，可以用下列代码堆叠两个右侧浮动的图像：

{{anchor|未使用 stack}}
'''範例:'''
=====''Lipsum''=====
[[File:Simple shapes example.png|thumb|right|示例 1a]]
[[File:Simple shapes example.png|thumb|right|示例 1b]]
''{{lipsum}}''

=====''Lorem''=====
[[File:Simple shapes example.png|thumb|left|示例 1c]]
''{{lipsum}}''

=====''Ipsum''=====
''{{lipsum}}''

''{{lipsum}}''
{{clear}}

====使用 {{tlf|stack}}====
----
<syntaxhighlight lang="moin">

=====''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''=====
...文本...
</syntaxhighlight>结果在正下方的[[#使用 stack|範例]]显示。注意使用这类模板以后，左侧浮动的图像（示例 1c）可以在更高的位置浮动显示，而且不被上一个向右浮动的图片（示例 1b）阻隔。
{{clear}}

{{anchor|使用 stack}}
'''範例:'''

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

=====''Lorem''=====
[[File:Simple shapes example.png|thumb|left |示例 2c]]
''{{lipsum}}''

=====''Ipsum''=====
''{{lipsum}}''

''{{lipsum}}''
{{clear}}

====使用 {{tlf|stack begin}} 和 {{tlf|stack end}}====
=====''Lipsum'' 与加宽的第二个表格=====
{{stack begin}}
{| class="wikitable"
! 表格示例 1
|-
| 示例 1a
|-
| 示例 1b
|-
|}
{| class="wikitable"
! &emsp;&emsp;宽表格示例 2&emsp;&emsp;
|-
|示例 2a
|-
|示例 2b
|-
|}
{{stack end}}
''{{lipsum}}''

=====''Lorem''=====
{| style="background:whitesmoke;"
! 表格示例 3
|-
| 示例 3a
|-
|}
''{{lipsum}}''

=====''Ipsum''=====
''{{lipsum}}''

''{{lipsum}}''
{{clear}}

=====''Lipsum'' 与加宽的第一个表格=====
{{stack begin}}
{| class="wikitable"
! &emsp;&emsp;宽表格示例 1&emsp;&emsp;
|-
| 示例 1a
|-
| 示例 1b
|-
|}
{| class="wikitable"
! 表格示例 2
|-
| 示例 2a
|-
| 示例 2b
|-
|}
{{stack end}}
''{{lipsum}}''

=====''Lorem''=====
{| style="background:whitesmoke;"
! 表格示例 3
|-
| 示例 3a
|-
|}
''{{lipsum}}''

=====''Ipsum''=====
''{{lipsum}}''

''{{lipsum}}''
{{clear}}

===更多示例===
{{tlf|Stack}} 可以用来在页面浮动显示更多图片。
{{stack |[[File:Simple shapes example.png|80px]]}}
{{stack |[[File:Simple shapes example.png|120px]]}}
<pre style="width:25.0em;overflow:auto;">
{{stack|[[File:Simple shapes example.png|80px]]}}
{{stack|[[File:Simple shapes example.png|120px]]}}
</pre>
===浮动主题首页框===
{{tlf|Stack}} 可以用来在其他办法都不能获得满意的效果的情况下把主题首页框排在信息框或者其他向右对齐的项目旁边浮动显示。
{| class="infobox"
| '''信息框'''
<br/>第1行<br />第2行<br />第3行<br />第4行<br />第5行<br />第6行<br />第7行<br />第8行<br />第9行
|}
[[File:Mona Lisa, by Leonardo da Vinci, from C2RMF retouched.jpg|thumb|right|60px|测试图像]]
{| class="wikitable"
|style="width:33.0em;"|
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 |{{portal|动物}}{{portal|猫}}}}
以下是用 {{tld|stack}} 排版两个主题首页框：
<pre>-{}-
{{stack |{{portal|动物}}{{portal|猫}} }}
</pre>
两个主题首页框通过 {{tld|stack}} 的第一个参数堆叠，由于信息框和图片一起叠放，{{tld|stack}} 把两个主题首页框转移到信息框的旁边。


== 堆叠模板系列 ==
* {{tl|Stack}}
* {{tl|Stack begin}}
* {{tl|Stack mid}}
* {{tl|Stack end}}

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

<noinclude>
[[Category:模板說明文件]]
</noinclude>

Template:Stack documentation - 版本历史

imported>Great Brightstar：​/* 用法 */

imported>Great Brightstar：/* 用法 */