說明討論:萌百編輯簡明指南/條目格式

關於Help:萌百編輯簡明指南/條目格式#各專題編輯指引內表格代碼寫法的討論

因為原來用float佈局表格難以適應各種尺寸的窗口，所以我用網格佈局重寫了一遍，代碼如下：

<div style="display:grid;grid-template-columns:repeat(auto-fill,200px);gap:2px;">
<div style="border:1px solid #1E90FF;text-align:center;">[[Template:东方人物|东方Project]]</div>
<div style="border:1px solid #1E90FF;text-align:center;">[[舰队Collection/编辑指引|舰队Collection]]</div>
<div style="border:1px solid #1E90FF;text-align:center;">[[战双帕弥什/编辑指引|战双帕弥什]]</div>
<div style="border:1px solid #1E90FF;text-align:center;">[[Vocaloid中文殿堂曲/VC编辑指引|VOCALOID中文]]</div>
<div style="border:1px solid #1E90FF;text-align:center;">[[明日方舟/编辑指引|明日方舟]]</div>
<div style="border:1px solid #1E90FF;text-align:center;">[[User:LUO1P/虚拟UP主条目编辑指南|虚拟UP主]]</div>
<div style="border:1px solid #1E90FF;text-align:center;">[[User:Masanaga/Sandbox|LoveLive!学园偶像祭]]</div>
<div style="border:1px solid #1E90FF;text-align:center;">[[SCP基金会/SCP编辑指引|SCP]]</div>
<div style="border:1px solid #1E90FF;text-align:center;">[[User:サンムル/少女歌剧编辑指引|少女歌剧]]</div>
<div style="border:1px solid #1E90FF;text-align:center;">[[User:Playymcmc007/方块学园编辑指引|方块学园]]</div>
<div style="border:1px solid #1E90FF;text-align:center;">[[Template:萌元素周期表/编辑指引|化学元素娘化]]</div>
<div style="border:1px solid #1E90FF;text-align:center;">待补……</div>
</div>

但是我不太確定它的兼容性能否符合期待查完兼容性後我覺得網格佈局的兼容性挺好的，不過我沒有那麼多設備去測試，網上的說法又太老舊。，於是換用column-*相關屬性重寫了一遍，代碼如下：

<div style="column-width:200px;gap:2px;">
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[Template:东方人物|东方Project]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[舰队Collection/编辑指引|舰队Collection]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[战双帕弥什/编辑指引|战双帕弥什]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[Vocaloid中文殿堂曲/VC编辑指引|VOCALOID中文]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[明日方舟/编辑指引|明日方舟]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[User:LUO1P/虚拟UP主条目编辑指南|虚拟UP主]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[User:Masanaga/Sandbox|LoveLive!学园偶像祭]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[SCP基金会/SCP编辑指引|SCP]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[User:サンムル/少女歌剧编辑指引|少女歌剧]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[User:Playymcmc007/方块学园编辑指引|方块学园]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">[[Template:萌元素周期表/编辑指引|化学元素娘化]]</div>
<div style="margin-bottom:2px;break-inside:avoid;text-align:center;border:1px solid #1E90FF;">待补……</div>
</div>

示例（請縮放瀏覽器窗口在不同尺寸下查看示例的效果），希望大家能給出意見。——我是亙古輪迴Colby，2 0 5 3 / 0 8 2 3 / 2 9 7 0 / 2 7 9 9 / 5 0 4 2 /。 2020年6月28日 (日) 18:54 (CST)

(＝)中立 被WDC整怕了，對grid產生了陰影（ 目前看來應該問題不大。--ZhMGP:~ Leranjun$ 主頁 · 討論 · 貢獻 2020年6月28日 (日) 21:49 (CST)