Template:Inline block

文档图示 模板文档[查看] [编辑] [历史] [清除缓存]

用法

The template {{Inline block}} creates an element—by default a <span>—that has the CSS property display: inline-block;. There is support for a range of common style properties as template parameters, and an all-purpose style parameter.

One intended use is to replace {{nowrap}} when coding templates with complex layout, which need to display differently on mobile and desktop. Like {{nowrap}}, it holds content together and avoids wrapping it where possible. However, if necessary, such as on small screens, the content will wrap.

Example of wrapping control编辑

In each case the outline represents a width constraint, which might be affected by the user's screen size, other parts of the template, or both.

1 (red)=Gas3 (black)=Solid80 (green)=LiquidColor of the atomic number shows state of matter (at 0 °C and 1 atm)
1 (red)=Gas3 (black)=Solid80 (green)=LiquidColor of the atomic number shows state of matter (at 0 °C and 1 atm)
1 (red)=Gas3 (black)=Solid80 (green)=LiquidColor of the atomic number shows state of matter (at 0 °C and 1 atm)

Here, each grey box and the text "Color of ..." are wrapped in {{inline block}} templates. If {{nowrap}} had been used instead, there would be no visible difference in the first two cases. In the third case, however, the text would have been unable to wrap into the space available. On mobile, this might mean that a table or the whole article is forced to become horizontally scrollable.

参数编辑

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

Inline block模板数据

The template {{Inline block}} creates an inline-block element. Among other uses, it can replace {{nowrap}} when coding templates with complex layout.
参数说明类型状态
Content1
The content to be wrapped in an inline-block element
内容必填
Tag name2
Changes the HTML tag used. This may affect what elements this template should contain or be contained by.
默认值
span
例子
div, abbr
字符串可选
Titletitle
Title of the content (used as tooltip text, or expanded abbreviation when 2=abbr
例子
died (for abbr d.)
字符串可选
Widthwidth
The width; passed directly to the "width" CSS attribute
字符串可选
Heightheight
The height; passed directly to the "height" CSS attribute
字符串可选
Text colorcolor
The text color; passed directly to the "color" CSS attribute
字符串可选
Background formattingbackground
bg
The background formatting; passed directly to the "background" CSS attribute
字符串可选
Other stylesstyle
Style information as plain CSS.
字符串可选
原始TemplateData输出测试

The template {{Inline block}} creates an inline-block element. Among other uses, it can replace {{nowrap}} when coding templates with complex layout.

模板参数

参数说明类型状态
Content1

The content to be wrapped in an inline-block element

内容必填
Tag name2

Changes the HTML tag used. This may affect what elements this template should contain or be contained by.

默认值
span
例子
div, abbr
字符串可选
Titletitle

Title of the content (used as tooltip text, or expanded abbreviation when 2=abbr

默认值
例子
died (for abbr d.)
字符串可选
Widthwidth

The width; passed directly to the "width" CSS attribute

字符串可选
Heightheight

The height; passed directly to the "height" CSS attribute

字符串可选
Text colorcolor

The text color; passed directly to the "color" CSS attribute

字符串可选
Background formattingbackgroundbg

The background formatting; passed directly to the "background" CSS attribute

字符串可选
Other stylesstyle

Style information as plain CSS.

字符串可选

参见编辑

Template:List of nowrap-like templates