查看“模板:Inline-block”的源代码

<includeonly><div style="display:inline-block; vertical-align: top; margin: {{{margin|1em}}}; {{#if: {{{align|}}}|text-align: {{{align}}}}}">{{{1}}}</div></includeonly><noinclude>
该模板简单的包装了一下 inline-block，能用来实现与分辨率无关的较灵活的布局。

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

例：
<pre>
{{inline-block|margin=0|
无边距内容
}}
</pre>

<pre>
{{inline-block|margin=center|
居中对齐内容
}}
</pre>

效果：
{{inline-block|align=center|
[[File:请问您今天要来点兔子吗漫画第1卷封面.jpg|250px|居中]]
'''第一卷'''

'''日文版''':2012年02月27日<br />
'''繁体中文版''':2013年06月04日
}}
{{inline-block|
[[File:请问您今天要来点兔子吗漫画第2卷封面.jpg|250px|居中]]
<center>
'''第二卷'''

'''日文版''':2013年02月27日<br />
'''繁体中文版'''(通常版):2013年08月20日<br />
'''繁体中文版'''(特装版):2013年08月13日
</center>
}}
{{inline-block|
[[File:请问您今天要来点兔子吗漫画第3卷封面.jpg|250px|居中]]
<center>
'''第三卷'''

'''日文版''':2014年03月27日<br />
'''繁体中文版''':2014年08月08日
</center>
}}
{{inline-block|
[[File:请问您今天要来点兔子吗漫画第4卷封面.jpg|250px|居中]]
<center>
'''第四卷'''

'''日文版''':2015年09月26日
</center>
}}

如果希望在分辨率足够显示3个元素时显示成2行2个元素，则可以使用嵌套的<nowiki>{{inline-block}}</nowiki>来实现
{{inline-block|margin=0|
{{inline-block|
[[File:请问您今天要来点兔子吗漫画第1卷封面.jpg|250px|居中]]
<center>
'''第一卷'''

'''日文版''':2012年02月27日<br />
'''繁体中文版''':2013年06月04日
</center>
}}
{{inline-block|
[[File:请问您今天要来点兔子吗漫画第2卷封面.jpg|250px|居中]]
<center>
'''第二卷'''

'''日文版''':2013年02月27日<br />
'''繁体中文版'''(通常版):2013年08月20日<br />
'''繁体中文版'''(特装版):2013年08月13日
</center>
}}
}}
{{inline-block|margin=0|
{{inline-block|
[[File:请问您今天要来点兔子吗漫画第3卷封面.jpg|250px|居中]]
<center>
'''第三卷'''

'''日文版''':2014年03月27日<br />
'''繁体中文版''':2014年08月08日
</center>
}}
{{inline-block|
[[File:请问您今天要来点兔子吗漫画第4卷封面.jpg|250px|居中]]
<center>
'''第四卷'''

'''日文版''':2015年09月26日
</center>
}}
}}
</noinclude>