跳至內容

模板:Inline block

維基文庫,自由的圖書館
文件圖示 模板文件[檢視] [編輯] [歷史] [清除快取]

Usage

[編輯]

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.

TemplateData

[編輯]

Template:Format TemplateData

See also

[編輯]

Template:List of nowrap-like templates