打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

目前wiki关闭了自行注册账号的功能,如需注册账号,请查阅Help:注册账号

模板:Fluid image

来自RIA | Wiki
模板文档

本模板用于创建适合页宽的图像。足够宽的图像会占用父元素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设置的尺寸相同。不设置的话,图像会自动适合页面大小。

图像指向的链接。

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}}
抹岚轨道交通线路图
又是一张抹岚轨道交通线路图

模板数据

这是用于新版可视化编辑器及其他工具的模板数据文档。

Fluid image模板数据

本模板可以创建占用整个页面宽度的图像。

模板参数[编辑模板数据]

此模板首选参数不换行的行内格式。

参数描述类型状态
文件名1

需要显示的图像名称,不带“File:”或“文件:”。

文件推荐
显示格式format 2

留空为简单图像;“border”会为图像添加边框;“frame”为显示描述的有框图像。

推荐值
border frame
单行文本推荐
描述caption 3

如果格式为“frame”,则描述文本会显示在图像下方。其他情况会作为工具提示显示。

单行文本推荐
替代文本alt

未显示图像时显示的文本。

单行文本可选
链接link

图像指向的链接

单行文本可选
尺寸size

与wikitext图像语法的尺寸功能相同

单行文本可选
容器HTML类class

无描述

单行文本可选
图像HTML类imageclass

无描述

单行文本可选
容器CSS样式style

无描述

单行文本可选

相关链接

{{Fluid image bottom}}——可选结束模板。

重定向至此模板:{{全宽图像}}。