模板:Fluid image
更多操作
本模板用于创建适合页宽的图像。足够宽的图像会占用父元素100%的宽度(一般情况下是100%页宽);不够宽的图像会居中显示。
参数
完整参数:
{{Fluid_image|文件名|格式|描述|size=尺寸|link=指向页面|alt=替代文本|class=额外HTML类|imageclass=图像额外HTML类|style=附加CSS样式}}
一般只需设置:
{{Fluid_image|文件名|格式|描述}}
1
图像名称,不带“File:”或“文件:”。
format
别名:2
图像显示样式,留空即为默认的简单无框图像;“border”是会为图像添加灰色边框;“frame”是显示描述的有框图像。
caption
别名:3
图像描述。如果格式“format”设置为“frame”,描述会显示在图像下;其他情况会在鼠标移动到图像上时作为工具提示显示。
size
图像尺寸,和wikitext设置的尺寸相同。不设置的话,图像会自动适合页面大小。
link
图像指向的链接。
alt
未显示图像时显示的替代文本。
class
添加到模板最外层容器的额外HTML类。
imageclass
添加到图像的额外HTML类,作用与wikitext图像语法的“class”参数相同。
style
添加到模板最外层容器的额外CSS样式。可以用来设置图像宽度:style=max-width: 75%;
示例
最简形式
最简形式的图像只需要设置图像名和描述,注意参数“format”/“2”留空:
{{Fluid_image|Matlantic_rail_transit_system_map.svg||抹岚轨道交通线路图}}
更改显示格式
将“format”参数设置为“border”,注意图像外部边框:
{{Fluid_image|Matlantic_rail_transit_system_map.svg|border|抹岚轨道交通线路图}}
将“format”参数设置为“frame”:
{{Fluid_image|Matlantic_rail_transit_system_map.svg|frame|抹岚轨道交通线路图}}
使用style参数设置图像宽度
下图会占用页面75%宽,居中显示:
{{Fluid_image|Matlantic_rail_transit_system_map.svg|frame|抹岚轨道交通线路图|style=max-width: 75%;}}
使用标准wikitext图像语法的方法
图像较多时,放在一个模板里可能比多次调用模板要好。这种方法可以套多张图像,并使用标准wikitext。需要将图像设置为无浮动:
{{Fluid_image}}
[[File:Matlantic_rail_transit_system_map.svg|frame|none|抹岚轨道交通线路图]]
[[File:Matlantic_rail_transit_system_map.svg|frame|none|又是一张抹岚轨道交通线路图]]
{{Fluid_image_bottom}}
模板数据
本模板可以创建占用整个页面宽度的图像。
| 参数 | 描述 | 类型 | 状态 | |
|---|---|---|---|---|
| 文件名 | 1 | 需要显示的图像名称,不带“File:”或“文件:”。 | 文件 | 推荐 |
| 显示格式 | format 2 | 留空为简单图像;“border”会为图像添加边框;“frame”为显示描述的有框图像。
| 单行文本 | 推荐 |
| 描述 | caption 3 | 如果格式为“frame”,则描述文本会显示在图像下方。其他情况会作为工具提示显示。 | 单行文本 | 推荐 |
| 替代文本 | alt | 未显示图像时显示的文本。 | 单行文本 | 可选 |
| 链接 | link | 图像指向的链接 | 单行文本 | 可选 |
| 尺寸 | size | 与wikitext图像语法的尺寸功能相同 | 单行文本 | 可选 |
| 容器HTML类 | class | 无描述 | 单行文本 | 可选 |
| 图像HTML类 | imageclass | 无描述 | 单行文本 | 可选 |
| 容器CSS样式 | style | 无描述 | 单行文本 | 可选 |
相关链接
{{Fluid image bottom}}——可选结束模板。
重定向至此模板:{{全宽图像}}。