Template talk:比較條文
添加话题外观
暁月凛奈在话题“提議使用{{比較條文/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)