模板:Inline-block

星臣讨论 | 贡献2017年1月17日 (二) 02:09的版本 (创建页面,内容为“<includeonly><div style="display:inline-block; vertical-align: top; margin: {{{margin|1em}}}; {{#if: {{{align|}}}|text-align: {{{align}}}}}">{{{1}}}</div></includeon...”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

该模板简单的包装了一下 inline-block,能用来实现与分辨率无关的较灵活的布局。

使用方法{{inline-block|margin=边距|align=对齐方式|内容}} 其中边距和对齐方式可选。

例:

{{inline-block|margin=0|
无边距内容
}}
{{inline-block|margin=center|
居中对齐内容
}}

效果:

第一卷

日文版:2012年02月27日
繁体中文版:2013年06月04日

第二卷

日文版:2013年02月27日
繁体中文版(通常版):2013年08月20日
繁体中文版(特装版):2013年08月13日

第三卷

日文版:2014年03月27日
繁体中文版:2014年08月08日

第四卷

日文版:2015年09月26日

如果希望在分辨率足够显示3个元素时显示成2行2个元素,则可以使用嵌套的{{inline-block}}来实现

第一卷

日文版:2012年02月27日
繁体中文版:2013年06月04日

第二卷

日文版:2013年02月27日
繁体中文版(通常版):2013年08月20日
繁体中文版(特装版):2013年08月13日

第三卷

日文版:2014年03月27日
繁体中文版:2014年08月08日

第四卷

日文版:2015年09月26日