Predloga:Inline block

Dokumentacija za predlogo[poglej] [uredi] [zgodovina] [osveži]

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)=Gas 3 (black)=Solid 80 (green)=Liquid Color of the atomic number shows state of matter (at 0 °C and 1 atm)

1 (red)=Gas 3 (black)=Solid 80 (green)=Liquid Color of the atomic number shows state of matter (at 0 °C and 1 atm)

1 (red)=Gas 3 (black)=Solid 80 (green)=Liquid Color 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

To je dokumentacija TemplateData za predlogo, ki jo uporabljajo Vizualni urejevalnik in druga orodja; glejte mesečno poročilo o uporabi parametrov za to predlogo.

TemplateData za Inline block

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

Parameter		Opis	Vrsta	Stanje
Content	1	The content to be wrapped in an inline-block element	Vsebina	neobvezno
Tag name	2	Changes the HTML tag used. This may affect what elements this template should contain or be contained by. Privzeto span Zgled div, abbr	Niz	neobvezno
Title	title	Title of the content (used as tooltip text, or expanded abbreviation when 2=abbr Zgled died (for abbr d.)	Niz	neobvezno
Width	width	The width; passed directly to the "width" CSS attribute	Niz	neobvezno
Height	height	The height; passed directly to the "height" CSS attribute	Niz	neobvezno
Text color	color	The text color; passed directly to the "color" CSS attribute	Niz	neobvezno
Background formatting	background bg	The background formatting; passed directly to the "background" CSS attribute	Niz	neobvezno
Other styles	style	Style information as plain CSS.	Niz	neobvezno

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

Parametri predloge[Urejanje podatkov predloge]

Parameter		Opis	Vrsta	Stanje
Content	1	The content to be wrapped in an inline-block element	Vsebina	neobvezno
Tag name	2	Changes the HTML tag used. This may affect what elements this template should contain or be contained by. Privzeto span Zgled div, abbr	Niz	neobvezno
Title	title	Title of the content (used as tooltip text, or expanded abbreviation when 2=abbr Privzeto Zgled died (for abbr d.)	Niz	neobvezno
Width	width	The width; passed directly to the "width" CSS attribute	Niz	neobvezno
Height	height	The height; passed directly to the "height" CSS attribute	Niz	neobvezno
Text color	color	The text color; passed directly to the "color" CSS attribute	Niz	neobvezno
Background formatting	background bg	The background formatting; passed directly to the "background" CSS attribute	Niz	neobvezno
Other styles	style	Style information as plain CSS.	Niz	neobvezno

See also

Zgornja dokumentacija je vključena od Predloga:Inline block/dok. (uredi | zgodovina)
Urejevalci lahko eksperimentirajo v peskovnik (ustvari | zrcali) in testniprimeri (ustvari) straneh te predloge.
Prosimo dodajte kategorije v /dok podstran. Podstran tega predloga.