置顶公告:【置顶】关于临时开启评论区所有功能的公告(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四天王