置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:并列图片

来自萌娘百科
跳到导航 跳到搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

本模板用于将几张图片并列(横向或纵向)显示在一个框内。您可替所有图片输入一个说明,或为每张图片输入独立说明。

{{并列图片}}

用法

参数解说
  • align:图片框的对齐方式(left/right/center),默认值为「置中对齐」(center)
  • direction:图片的排列方式(horizontal/vertical),默认值为「横向」(horizontal)
  • header_align:图片框标题的对齐方式(left/right/center),默认值为「置中对齐」(center)
  • footer_align:图片框框底的对齐方式(left/right/center),默认值为「靠左对齐」(left)
  • image1image2等:显示的图片名称(不需输入File:或Image:)
  • width1width2等:图片宽度,以像素(px)为单位
  • alt1alt2等:图片不能显示时的替换文字
  • caption1caption2等:图片的独立说明
  • width:所有图片的宽度,使用后将自动取代width1width2等值。如欲为每张图片设定不同的宽度,请不要使用此参数。
  • background color:图片框内范围的背景颜色。
  • header(标题)、footer(框底)、background color及各图片的caption均是选填参数。

引用本模板时,请复制以下空白模板:

{{并列图片
| align = left/right/center
| direction = horizontal/vertical
| header = 
| header_align = left/right/center
| header_background = 
| footer = 
| footer_align = left/right/center
| footer_background = 
| width = 
| image1 = 
| width1 = 
| alt1 = 
| caption1 = 
| image2 = 
| width2 = 
| alt2 = 
| caption2 = 
| image3 = 
| width3 = 
| alt3 = 
| caption3 = 
| image4 = 
| width4 = 
| alt4 = 
| caption4 = 
| image5 = 
| width5 = 
| alt5 = 
| caption5 = 
| image6 = 
| width6 = 
| alt6 = 
| caption6 = 
| image7 = 
| width7 = 
| alt7 = 
| caption7 = 
| image8 = 
| width8 = 
| alt8 = 
| caption8 = 
| image9 = 
| width9 = 
| alt9 = 
| caption9 = 
| image10 = 
| width10 = 
| alt10 = 
| caption10 = 
}}

范例

{{并列图片
 | image1    = Th08Stage1Title.jpg
 | caption1  = 萤火的行踪
 | width1    = 200
 | image2    = Th08Stage2Title.jpg
 | caption2  = 人类消失的道路
 | width2    = 200
}}
萤火的行踪
人类消失的道路

该模板如有必要使用很多(比如6个)图片并列,可用|perrow=指定每一行的图片数,从而让模板自动换行,段落排版时请合理使用{{clear}}。

{{并列图片
 |perrow=2
 | image1    = Th08Stage1Title.jpg
 | caption1  = 萤火的行踪
 | width1    = 200
 | image2    = Th08Stage1Title.jpg
 | caption2  = 萤火的行踪
 | width2    = 200
 | image3    = Th08Stage2Title.jpg
 | caption3  = 人类消失的道路
 | width3    = 200
 | image4    = Th08Stage2Title.jpg
 | caption4  = 人类消失的道路
 | width4    = 200
 | image5    = Th08Stage1Title.jpg
 | caption5  = 萤火的行踪
 | width5    = 200
 | image6    = Th08Stage1Title.jpg
 | caption6  = 萤火的行踪
 | width6    = 200
}}
萤火的行踪
萤火的行踪
人类消失的道路
人类消失的道路
萤火的行踪
萤火的行踪
{{并列图片
 | align     = left
 | direction = vertical
 | header    = 永夜抄关卡标题
 | image1    = Th08Stage1Title.jpg
 | caption1  = 萤火的行踪
 | image2    = Th08Stage2Title.jpg
 | caption2  = 人类消失的道路
 | width    = 200
}}
永夜抄关卡标题
萤火的行踪
人类消失的道路

加上背景颜色的范例

{{并列图片
 | image1    = Kizuna Ai01.png
 | caption1  = Kizuna AI
 | width1 = 98
 | image2    = Kaguya Luna Official.jpg
 | caption2  = 辉夜月
 | width2 = 160
 | image3    = MiraiAkari2.png
 | caption3  = Akari
 | width3 = 104
 | image4    = Computer Girl Siro.jpg
 | caption4  = 小白
 | width4 = 159
 | image5    = Mikoko Nekomasu.jpg
 | caption5  = 狐娘大叔
 | width5 = 151
 | footer    = 虚拟Youtuber四天王
 | footer_background= #F88
 | background color= #F88
 | footer_align = center
}}
Kizuna AI
辉夜月
Akari
小白
狐娘大叔
虚拟Youtuber四天王