Template:Inline block/doc

From blackwiki
< Template:Inline block
Revision as of 20:55, 21 March 2018 by imported>GKFX (Create documatation)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Usage

The template {{Inline block}} is intended to be used in place of {{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

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.

This is the TemplateData documentation for this template used by VisualEditor and other tools; see the monthly parameter usage report for this template.

TemplateData for Inline block

The template {{Inline block}} is intended to be used in place of {{nowrap}} when coding templates with complex layout.
ParameterDescriptionTypeStatus
Content1
The content to be wrapped in an inline-block element
Contentrequired
Tag name2
Changes the HTML tag used. This may affect what elements this template should contain or be contained by.
Default
A span.
Example
div
Stringoptional
Widthwidth
The width; passed directly to the "width" CSS attribute
Stringoptional
Heightheight
The height; passed directly to the "height" CSS attribute
Stringoptional
Text colorcolor
The text color; passed directly to the "color" CSS attribute
Stringoptional
Background formattingbackground
The background formatting; passed directly to the "background" CSS attribute
Stringoptional
Other stylesstyle
Style information as plain CSS.
Stringoptional