模板讨论:HideH

关于样式参数

今天把样式参数包裹在style=""的引号中，以前的参数必须带style=""字样，现在只写引号内的即可。所有应用了本模板的页面也都进行了相应的更正。也就是说，今后不能再带style=""也不能应用非style属性，比如align="center"之类的。

这个改动的理由是：

方便使用者更容易输入样式
禁止加带其它非style属性，以保证仅修改样式外观，与参数名称一致。
也防止了非XHTML标准用法的产生，比如 align width color 等。

事实上，英文维基的en:Template:Hidden begin约束得更加严格，它让使用者能傻瓜化应用（当然也牺牲了灵活性）。— fdcn talk 2007年3月10日20:54 (UTC+8 3月11日04:54)

(：)回应：非style属性仍然做得到，如下：

{{HideH
|Head         = abc
|FrameStyle   = border:solid 1px #0000ff;
|HeadStyle    = " align="center
|ContentStyle = background: #FFFFE0;
}}
* def
* ghi
{{HideF}}

abc

def
ghi

--140.112.7.59 (留言) 2009年10月21日 (三) 01:35 (UTC)[回复]

- (＋)支持--Hkhk59333 (留言) 2009年10月24日 (六) 06:10 (UTC)[回复]

标题高度问题

像这样：

{{HideH
|Head         = {{Expand|time={{#time:c}}}}
|FrameStyle   = border:solid 1px #0000ff;
|HeadStyle    = " align="center
|ContentStyle = background: #FFFFE0;
}}

排版显示异常—Hkhk59333 (留言) 2009年10月29日 (四) 04:46 (UTC)[回复]

请问怎样预设为开启

请问怎样预设为开启? Derek Leung 留言 2012年6月16日 (六) 00:01 (UTC)[回复]

以手机版观看时语法失效

若以智慧型手机观看网页版维基百科，出现折叠语法时，将直接显示折叠内容。请问有解决方法或替代方案吗？Cynroya／Re 2014年7月2日 (三) 22:25 (UTC)[回复]

编辑请求 2024-07-22

请求已处理

migrate NavFrame to mw-collapsible, see H:COLL#弃用说明.

<div class="mw-collapsible mw-collapsed" style="padding: 4px; border: 1px solid #a2a9b1; text-align: center; font-size: 95%; color: inherit; {{{FrameStyle|}}}"><div class="skin-invert" style="line-height: 1.6em; font-weight: bold; background-color: #ccf; color: var(--color-emphasized,#000); {{{HeadStyle|}}}"><div style="margin: 0 4em;">{{{1|{{{Head|标题}}}}}}</div></div><div class="mw-collapsible-content" style="font-size: 100%; text-align: left; {{{ContentStyle|}}}"><noinclude></div></div>

{{Documentation}}

</noinclude>

--Dabao qian ℡ 2024年7月22日 (一) 15:34 (UTC)[回复]

当初不更新，就是因为没法整条点来的方便，如Wikipedia:互助客栈/技术#UX、special:diff/17995303，应该改写一下，跟之前一样可以标题整条点击，较能接受--Qqkuro66541（留言） 2024年7月22日 (一) 17:23 (UTC)[回复]

整条点击本就是中维特有，英、粤、日维的NavFrame都是只能点击右侧的折叠按钮，要想实现中维特有的效果只能通过小工具或者用户脚本适配，DelH已经适配了，但是需要特定的CSS class。--Dabao qian ℡ 2024年7月22日 (一) 17:37 (UTC)[回复]

@Dabao qian：或许需要在客栈寻求社群共识，决定是否跟随其他语言版本，抑或维持本地现有特色。—— Eric Liu_{創造は生命（留言・留名・学生会）} 2024年7月23日 (二) 22:30 (UTC)[回复]

User:SunAfterRain/js/CollapsibleToggle.js，可以测试一下这个，如果没有问题的话导入小工具就能解决。--Dabao qian ℡ 2024年7月24日 (三) 02:22 (UTC)[回复]

MediaWiki_talk:Gadgets-definition#提议引入CollapsibleToggle作为预设启用可选择关闭的小工具。@Dabao qian、Qqkuro66541、Ericliu1912、Cwek--Sun After Rain 2024年8月5日 (一) 04:59 (UTC)[回复]

@Dabao qian：，在Template:TalkendH一些修改，类似Navbox的标题折叠做法，可以参考。也增加了标题栏位的class（collapsible-title）标记，方便用脚本将标题栏的div也绑定上折叠功能的触发。——Sakamotosan路过围观 | 避免做作，免敬 2024年7月26日 (五) 01:38 (UTC)[回复]

可以更新这版：Template:HideH/sandbox。——Sakamotosan路过围观 | 避免做作，免敬 2024年7月26日 (五) 02:11 (UTC)[回复]

Wikipedia:沙盒的版本83556190，用zh-yue的示例二测试了一下，这样修改之后本来应该居左的标题文字不是居左显示了，粤维按迁移指引更新后标题居左的折叠框会多出4em的空白。--Dabao qian ℡ 2024年7月26日 (五) 03:57 (UTC)[回复]

@Dabao qian：晕了，用了flex模式来使标题的div居中，但盒子没撑开，所以div盒子只在中间收缩到字体长度宽。现在只能这样：warpper折叠按钮的div和对称的一个隐藏div保持5%宽，中间标题div给90%宽，还是能保持标题字div居中，然后内部能应用到字符排布的属性。标题字div自带有一个margin 0 4em的属性，可能是以前给折叠按钮预留，看着要不要？——Sakamotosan路过围观 | 避免做作，免敬 2024年7月26日 (五) 07:08 (UTC)[回复]

反正无论哪种方案在标题居左的情况下都很难看（无端多出一部分空白），迁移指引说在标题文字上新增一个div是用于“removes some jumpiness with the navigation toggle and a centered title”（翻译版本可能没有表述好），左右各留5%宽度的做法似乎和迁移指引当中的“margin: 0 4em”有异曲同工之处。--Dabao qian ℡ 2024年7月29日 (一) 19:28 (UTC)[回复]

那部分是你自己写的吧？如果保证标题能在需要居中时，同时不受折叠按钮影响的宽度，是需要一个补偿块并且固定宽度的方法，除非引入额外的脚本或者检测机制判断要不要这补充块。——Sakamotosan路过围观 | 避免做作，免敬 2024年8月5日 (一) 05:46 (UTC)[回复]

除mw-collapsible-content元素的text-align: left;为根据中维现状加上去的之外，其他内容均为en:WP:NAVFRAME的翻译版本，可能有些地方没有描述到位。--Dabao qian ℡ 2024年8月5日 (一) 19:25 (UTC)[回复]

不用flex和补偿div的话，可以设置折叠按钮包裹一个span，然后设置类似MediaWiki:Gadget-NavFrame.css中span.NavToggle元素的位置设置。——Sakamotosan路过围观 | 避免做作，免敬 2024年8月5日 (一) 05:53 (UTC)[回复]

(：)回应：@Shizhao：已在粤维完成测试，以现行沙盒版本提报最终编辑请求。--Dabao qian ℡ 2024年9月4日 (三) 18:45 (UTC)[回复]

完成--百無一用是書生 (☎) 2024年9月22日 (日) 11:44 (UTC)[回复]

有没有办法在用户页将2个HideH并排使用？

由于部分用户框的排版需要我想将HideH并排使用我在style中使用了（width:50%; overlow:hidden; float: left;）但是好像还是不正确我想问下是我代码有问题or有其他的解决方案？

教育背景

职业技能

--AndrewKing2014（留言） 2024年7月30日 (二) 08:55 (UTC)[回复]

外层再嵌套一组<div style="display: flex;"></div>应该就可以了。--Dabao qian ℡ 2024年7月30日 (二) 14:11 (UTC)[回复]