切换搜索
搜索
切换菜单
通知
切换个人菜单
你我推心置腹,岂能相负!
欢迎访问天南星科wiki!我们正在努力完善wiki
数据可能出现错误或者偏差
图片版权©依然是图片作者所有本站仅供查看
本站由个人搭建与其他网站/商家没有从属关系
查看“帮助:折叠”的源代码
爱自天南星科wiki的收集(づ。◕◡◡◕。)づ
查看
阅读
查看源代码
查看历史
associated-pages
帮助
讨论
更多操作
←
帮助:折叠
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您必须确认您的电子邮件地址才能编辑页面。请通过
参数设置
设置并确认您的电子邮件地址。
您可以查看和复制此页面的源代码。
== 折叠测试 == === 默认不折叠 === <pre> <div class="toccolours mw-collapsible" style="(这里可以添加控制内容范围的csswidth:400px;)overflow:auto;"> <div style="font-weight:bold;line-height:1.6;">标题</div> <div class="mw-collapsible-content"> 文字内容还可以插入其他页面 <br> {{说明}} </div></div> </pre> <div class="toccolours mw-collapsible" style="overflow:auto;"> <div style="font-weight:bold;line-height:1.6;">标题</div> <div class="mw-collapsible-content"> 文字内容还可以插入其他页面 <br> {{说明}} </div></div> === 默认折叠 === <pre> <div class="toccolours mw-collapsible mw-collapsed"> 标题文字 <div class="mw-collapsible-content">这里是内容<br> {{说明}}</div> </div> </pre> 缺点在这个皮肤标题短的时候有点不会自动放大也有可能css错了。 <div class="toccolours mw-collapsible mw-collapsed"> 标题文字 <div class="mw-collapsible-content">这里是内容<br> {{说明}}</div> </div> === 带自定义切换链接 === {{提示|红色|手机屏幕用户无法使用,请避免使用!|注意!|宽度=90%}} <pre> 如果不希望脚本将默认切换链接(无论是否带有自定义标签)放入元素中,则可以创建自己的切换链接。 这可以驻留在可折叠元素内部或外部的任何位置。 通过分别使用带有前缀的 ID 属性和具有可折叠元素和切换链接前缀的相应类属性来检测其与可折叠元素的关系。mw-customcollapsible mw-customtoggle </pre> <pre> <span class="mw-customtoggle-myDivision">可以展开折叠的文字</span> <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision">被展开的文字</div> <span class="mw-customtoggle-myDivision">另外一个可以展开折叠的文字</span> </pre> <span class="mw-customtoggle-myDivision">可以展开折叠的文字</span> <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision">被展开的文字</div> <span class="mw-customtoggle-myDivision">另外一个可以展开折叠的文字</span> === 表格内部 === <pre> {| class="wikitable sortable" style="width:100%; margin:0;" |+ 表格标题 |- ! 标题1 ! 标题2 |- | 没有添加折叠 | 这里没有折叠内容 |- | 添加折叠表格 | {| class="wikitable mw-collapsible mw-collapsed" style="width:100%; margin:0;" ! 折叠1 ! 折叠2 |- | 1 | A |- | 2 | B |- | 3 | C |} |} </pre> {| class="wikitable sortable" style="width:100%; margin:0;" |+ 表格标题 |- ! 标题1 ! 标题2 |- | 没有添加折叠 | 这里没有折叠内容 |- | 添加折叠表格 | {| class="wikitable mw-collapsible mw-collapsed" style="width:100%; margin:0;" ! 折叠1 ! 折叠2 |- | 1 | A |- | 2 | B |- | 3 | C |} |} <pre> mediawiki原生表格 {| class="wikitable sortable" style="width:100%; margin:0;" <tr> |- ! 标题1 ! 标题2 ! 标题3 |- | 一大堆文字 | 内容1 | 内容2 |- | class="mw-collapsible mw-collapsed" 一大堆文字 |内容 |内容 |- |} 还有代码版本 <table class="wikitable" style="width:100%; margin:0;"> <tr> <th>标题1</th> <th>标题2</th> <th>标题3</th> </tr> <tr> <td>一大堆文字</td> <td>内容1</td> <td>内容2</td> </tr> <tr> <td class="mw-collapsible mw-collapsed">一大堆文字</td> <td>内容</td> <td>内容</td> </tr> </table> <div style="clear:both"></div> </pre> mediawiki原生表格 {| class="wikitable sortable" style="width:100%; margin:0;" <tr> |- ! 标题1 ! 标题2 ! 标题3 |- | 一大堆文字 | 内容1 | 内容2 |- | class="mw-collapsible mw-collapsed" | 一大堆被折叠文字 |内容 |内容 |- |} 代码版本 <table class="wikitable" style="width:100%; margin:0;"> <tr> <th>标题1</th> <th>标题2</th> <th>标题3</th> </tr> <tr> <td>一大堆文字</td> <td>内容1</td> <td>内容2</td> </tr> <tr> <td class="mw-collapsible mw-collapsed">一大堆文字</td> <td>内容</td> <td>内容</td> </tr> </table> <div style="clear:both"></div> === 列表 === 无序列号 ---- <ul class="mw-collapsible"> <li>序列</li> <li>序列</li> <li>序列</li> </ul> ---- <ol class="mw-collapsible"> <li>序列号</li> <li>序列号</li> <li>序列号</li> </ol> ==== 在高级一点 ==== <div class="usermessage mw-customtoggle-myTable">可以控制表格折叠</div> {| class="wikitable sortable mw-collapsible" id="mw-customcollapsible-myTable" style="width:100%;" ! 标题1 ! 标题2 |- | 内容 | 内容 |- | 内容2 | 内容2 |} <div style="clear:both"></div> ---- <div class="usermessage mw-customtoggle-myList">折叠下面的序列</div> <ul class="mw-collapsible" id="mw-customcollapsible-myList"> <li>序列号</li> <li>序列号</li> <li>序列号</li> </ul> <div style="clear:both"></div> ---- <div class="usermessage mw-customtoggle-myListt">折叠下面的序列</div> <ol class="mw-collapsible" id="mw-customcollapsible-myListt"> <li>序列号</li> <li>序列号</li> <li>序列号</li> <div style="clear:both"></div> === 高级2 === ---- <ul class="mw-collapsible mw-collapsed" data-collapsetext="第二层" data-expandtext="点开看见我的心"> <li>序列号</li> <li>序列号</li> <li>序列号</li> </ul> {| class="wikitable plainlinks mw-collapsible mw-collapsed" style="width:100%;" !colspan="3" | <strong class="mw-collapsible-toggle mw-collapsible-toggle-expanded" style="color:#FF00EE;float:none">折叠</strong> '''{{FULLPAGENAME}}''' |- |width="14%" | 第一个 | 您好, [{{fullurl:{{FULLPAGENAME}}|action=edit}} 编辑这个页面] 您好您好, [{{fullurl:{{FULLPAGENAME}}|action=purge}} 刷新缓存] 您好, [{{fullurl:{{TALKPAGENAME}}|action=edit§ion=new}} 在这个页面讨论一下] |width="14%"| [[File:Tub.png|25x25px]] |- |width="14%" | 第二个 | <ul class="mw-collapsible"> <li>序列号</li> <li>序列号</li> <li>序列号</li> </ul> |width="14%"| [[File:Tub.png|25x25px]] |- |width="14%" | 第三个 |这里有一句话 <div style="background:red" class="mw-collapsible mw-collapsed" data-collapsetext="你发现了" data-expandtext="彩蛋"> '''你发现了这个秘密'''<br /> : ''不要告诉别人!'' </div> |width="14%"| [[File:Tub.png|25x25px]] |- |colspan=3 style="text-align:center"|这个页面最后 [[User:{{REVISIONUSER}}|{{REVISIONUSER}}]] 于 {{REVISIONTIMESTAMP}}编辑 |- |colspan=3 style="text-align:center"|[{{fullurl:{{FULLPAGENAME}}|oldid={{REVISIONID}}}} 这个版本的永久链接] |} === 高级3 === <div class="mw-collapsible"> <h2> <span style="color: purple">高级 高级 高级</span> <div class="mw-collapsible-toggle-placeholder"></div> </h2> <div class="mw-collapsible-content"> <p>内容1</p> <p lang="la">内容2</p> <div class="mw-collapsible"> <h3> <span style="color: purple">标题 标题 标题</span> <div class="mw-collapsible-toggle-placeholder"></div> </h3> <div class="mw-collapsible-content"> <p>内容2</p> <p lang="la">内容2</p> </div> </div> </div> </div>
本页使用的模板:
模板:Fa
(
查看源代码
)
模板:提示
(
查看源代码
)
模板:说明
(
查看源代码
)
返回
帮助:折叠
。
为了让您的浏览体验更加高效、方便和个性化,遵照《中华人民共和国网络安全法》和《信息安全技术个人信息安全规范》。 我们需要您允许本站使用Cookies。在某些情况下,Cookies是使网站正常运行的必要条件。
了解并同意