Help talk:萌百编辑简明指南/条目格式

关于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)