模板讨论:比较条文
添加话题外观
暁月凛奈在话题“提议使用{{比较条文/flex}}取代{{比较条文}}”中的最新留言:9天前
- 下列讨论已经关闭,请勿修改。如有任何意见,请在合适的讨论页提出,而非再次编辑本讨论。
理由为互助客栈常会使用到,也未见常更改模板的必要性。这3模板是一组的。--Z7504非常建议必要时多关注评选(留言) 2020年3月8日 (日) 00:42 (UTC)
- 本讨论已关闭,请勿修改。如有任何意见,请在合适的讨论页提出,而非再次编辑本讨论。
在测试输入DYK规则中的“长度:不少于3000位元组(注:1个汉字 = 3个位元组),可按删除旧版内容后计算。”时发现输入括号部分的文字“(注:1个汉字 = 3个位元组)”在显示上会显示不出预览文字的问题,可否解决?--Z7504非常建议必要时多关注评选(留言) 2020年3月12日 (四) 15:38 (UTC)
缩进bug
[编辑]在该模板前使用冒号缩进会导致该模板下所有内容都受到影响,我试着修改了一下,全部使用div的话能够防止对下方内容产生影响。但现有的使用中有很多不规范的参数,我用几个页面的内容测试了一下并不能直接使用,同时我改出来的版本本身也有些问题。希望有兴趣的用户改一改。——暁月凛奈 (留言) 2024年10月2日 (三) 08:13 (UTC)
![]() |
|
现行{{比较条文}}模板存在以下问题:
- 滥用CSS position以及嵌套div达成阴影效果,增加代码复杂度;
- 在窄屏幕上依然将条文左右排布,造成阅读困难;
- 在暗色模式下未有定义颜色,导致辨识度下降;
- 当两边条文长度不一时出现多馀空白。
为解决上面的问题,我建立了{{比较条文/flex}}模板,技术细节如下:
- 使用CSS flex管理两栏,方便处理响应式网页设计问题。
- 使用多个box-shoadow处理阴影问题,解决滥用CSS position的问题。
- 在荧幕宽度低于500px时,不强制左右排布。(理论上,如果内文足够短,未必会即时触发换行,但机会甚微。)
- 为暗色模式显示重新配色,免去了之前简单反转颜色导致的辨识度问题。
新模板参数除tdstyle1
以及tdstyle2
因不适用而废除外,其他参数均和现有模板兼容。为解决上方问题,现提议以{{比较条文/flex}}的取代{{比较条文}}。虽然此模板并非高风险模板,然使用广泛,私以为先获得明确共识为宜。如希望测试,可以前往我的个人沙盒。
附图:
-
一般检视
-
窄屏幕检视
-
暗色模式
-
隐藏其中一栏
--1F616EMO(喵留言~回复请ping) 2025年6月19日 (四) 02:49 (UTC)
- 邀请@暁月凛奈。我并未测试此模板可否在冒号缩排内使用,然而此模板只有使用div,或可一试。--1F616EMO(喵留言~回复请ping) 2025年6月19日 (四) 02:50 (UTC)
- Special:PermaLink/87822867。——暁月凛奈 (留言) 2025年6月19日 (四) 03:26 (UTC)
- 看来是因为模板内有换行。不过我参考现有用例,似乎有不少地方都依赖换行(例如显示星号列表),这样我也不知道该怎么改了。--1F616EMO(喵留言~回复请ping) 2025年6月19日 (四) 05:17 (UTC)
- @暁月凛奈:我新增了
inline
参数,可以支援列表格式,详见模板说明页。--1F616EMO(喵留言~回复请ping) 2025年6月19日 (四) 16:55 (UTC)- 看起来能用。——暁月凛奈 (留言) 2025年6月19日 (四) 19:34 (UTC)
- Special:PermaLink/87822867。——暁月凛奈 (留言) 2025年6月19日 (四) 03:26 (UTC)