Template:Nowrap/doc

From Summertime Saga Wiki
< Template:Nowrap
Revision as of 01:27, 10 June 2019 by Casiope (talk | contribs) (Handling equal-sign or bar)
Jump to: navigation, search

Template:Tlx or Template:Tlx stops wrapping of specific text. Use this template sparingly. It prevents word wraps (line breaks) within text or inside a link which contains spaces, hyphens ("-"), or, in some browsers, parentheses. The size of the nowrapped text becomes the minimum width of that paragraph and that can negatively influence the ability of the page to adapt to smaller screens, or alternate representations of the content.

Usage

Template:Tlx
Template:Tlx
Template:Tlx
Template:Tlx
Template:Tlx

Examples

"They held {{Nowrap|10 kg (22 lb)}} in total."


May render like this:

They held 10 kg (22 lb)
in total.


Or like this:

They held
10 kg (22 lb) in total.


But not render like this:

They held 10 kg (22
lb) in total.
"He encountered {{Nowrap|a tiger}} in the woods."


May render like this:

He encountered a tiger
in the woods.


Or like this:

He encountered
a tiger in the woods.


But not like this:

He encountered a
tiger in the woods.

Handling equal-sign or bar

Templates have problems with parameter data that contains equal-signs "=" or vertical bars "|" (pipes). Note that this does not apply if the equal-sign "=" or vertical bar "|" is inside a wikilink or another template. In the case that there is a bare equal-sign "=" or vertical bar "|", consider using Template:Tl + Template:Tl instead. However, there are also other workarounds:

For text that includes an equal-sign "=", precede the text with 1=, use a triple-brace unnamed parameter {{{|=}}}, or the {{=}} template.

Markup Renders as
{{nowrap|1=2 + 2 = 4}} 2 + 2 = 4
{{nowrap|2 + 2 {{{|=}}} 4}} 2 + 2 = 4
{{nowrap|2 + 2 {{=}} 4}} 2 + 2 = 4

For text that includes a vertical bar "|", escape the bar(s) with "&#124;" or "{{pipe}}" or "{{abs}}". For instance, put two bars "|6|" like this:

Markup Renders as
{{nowrap|&#124;6&#124; < 7}} |6| < 7
{{nowrap|{{pipe}}6{{pipe}} < 7}} |6| < 7
{{nowrap|{{abs|6}} < 7}} |6| < 7

Technical details

The actual code that does the job is this HTML tag that applies a class to the text inside the template:

<span class="nowrap">This text will not wrap</span>

The class nowrap receives the CSS property white-space: nowrap; in MediaWiki:Common.css.