行内折叠模块

注意


此页为于 SCP 维基内部使用的“组件”页。用于在其他页面中引用。

未经组件作者或工作人员允许,请勿修改此页的内容。


评分: +27+x

这是行内折叠模块。

一个

示例。

当然,

它在需要权限验证的地方很有用,比如特殊收容措施中仅限相关人员查看的部分。

使用方法

在需要行内折叠处放置以下代码:

[[div class="inline-colmod"]]
折叠块前的文字
[[include component:inline-colmod show=点击前显示的文字 | content=点击后显示的文字]]
折叠块后的文字
[[/div]]


注意,[[include ...]]必须独立成行。

特别的,如果你想要连续使用它

你需要在两个之间加上一些别的东西,比如~~~~或者四个@符号,也可以是下面这段代码,不同的方式产生的效果不同。

[[div style="height: .8em"]]
[[/div]]

如果你想要在特殊的位置换行

首先在代码顶部加入这段代码引入行内折叠模块的CSS,然后从下面选择你需要的方式:

[[div style="display: none;"]]
[[include :scp-wiki-cn:component:inline-colmod css-only=true]]
[[/div]]

在头部换行,

在头部换行。

[[div class="inline-colmod"]]
在头部换行,
[[include :scp-wiki-cn:component:coltop show = 看看效果,| hide= | nohide = true ]]
@@@@
就像这样,
[[include :scp-wiki-cn:component:colend]]
在头部换行。
[[/div]]

在末尾换行,

在末尾换行。

[[div class="inline-colmod"]]
在末尾换行,
[[include :scp-wiki-cn:component:coltop show = 看看效果,| hide= | nohide = true ]]
就像这样
@@@@
[[include :scp-wiki-cn:component:colend]]
在末尾换行。
[[/div]]

一种我不知道该怎么形容的用法:


虽然但是,这显得很奇怪。

一种我不知道该怎么形容的用法:
[[div class="inline-colmod"]]
[[include :scp-wiki-cn:component:coltop show = 看看效果| hide= | nohide = true ]]
就像这样
[[include :scp-wiki-cn:component:colend]]
[[/div]]
虽然但是,这显得很奇怪。

技术细节

它基于多重折叠模块并配以CSS的「display: inline」属性。

鸣谢

感谢hoah2333hoah2333将此组件整合为一个页面!

除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License