Template:Nowrap end

From The Kodiak Republic Wiki


Template documentation (for the above template, sometimes hidden or invisible)

This template prevents word wraps (line breaks) in text and links with spaces in. It is designed to handle the really tricky wrapping cases where you need full control. It works similarly to {{nowrap}} and {{nowraplinks}}. This template takes no parameters; instead, it works in tandem with {{nowrap end}}.

Lua error in package.lua at line 80: module 'Dev:Namespace_detect/data' not found.

Helper templates

This template has a number of helper templates which allows you to tell the web browser exactly where line breaks may occur:

Note: These helper templates may only be used in sections surrounded by {{nowrap begin}} and {{nowrap end}} or they may cause weird behaviour of your page.

  • {{wrap}} – Marks where a wrap may occur.

Usage

{{nowrap begin}}

[[Salt]] and{{wrap}} [[Pepper]] and{{wrap}} [[Curry]]
and{{wrap}} [[Saffron]].{{wrap}}
[[Salt]] and{{wrap}} [[Pepper]] and{{wrap}} [[Curry]]
and{{wrap}} [[Saffron]].

{{nowrap end}}

It will render something like this:

Salt and Pepper and Curry and
Saffron. Salt and Pepper and
Curry and Saffron.

But it will not render like this:

Salt and Pepper and Curry
and Saffron. Salt and Pepper
and Curry and Saffron.

To make your code readable and easy to edit, you can put each wrappable "line" on its own line. And let's use some dots too. Like this:

{{nowrap begin}}

[[Salt]] and [[Pepper]]{{·}}{{wrap}}
[[Pepper]] and [[Curry]]{{·}}{{wrap}}
[[Curry]] and [[Saffron]]{{·}}{{wrap}}
[[Saffron]] and [[Salt]]

{{nowrap end}}

It will render something like this:

Salt and Pepper · Pepper and Curry ·
Curry and Saffron · Saffron and Salt

But it will not render like this:

Salt and Pepper · Pepper
and Curry · Curry and Saffron
· Saffron and Salt

Examples

Here are the above examples in actual running code in a table. Try dragging the width of your web browser window so it becomes smaller and smaller and watch how the line wrapping behaves:

Salt andTemplate:Wrap Pepper andTemplate:Wrap Curry andTemplate:Wrap Saffron.Template:Wrap Salt andTemplate:Wrap Pepper andTemplate:Wrap Curry andTemplate:Wrap Saffron.

Salt and PepperTemplate:·Template:Wrap Pepper and CurryTemplate:·Template:Wrap Curry and SaffronTemplate:·Template:Wrap Saffron and Salt

An example demonstrating all the helper templates:

SaltTemplate:Wrap PepperTemplate:Wrap CurryTemplate:·Template:Wrap SaffronTemplate:·Template:Wrap SaltTemplate:•Template:Wrap PepperTemplate:•Template:Wrap CurryTemplate:SndTemplate:Wrap SaffronTemplate:SndTemplate:Wrap Salt |Template:Wrap Pepper |Template:Wrap CurryTemplate:·Template:Wrap SaffronTemplate:·Template:Wrap Salt

SaltTemplate:Wrap PepperTemplate:Wrap CurryTemplate:·Template:Wrap SaffronTemplate:·Template:Wrap SaltTemplate:•Template:Wrap PepperTemplate:•Template:Wrap CurryTemplate:SndTemplate:Wrap SaffronTemplate:SndTemplate:Wrap Salt |Template:Wrap Pepper |Template:Wrap CurryTemplate:·Template:Wrap SaffronTemplate:·Template:Wrap Salt

Technical details

The actual code that does the job is this HTML+CSS code:

<span class="nowrap"> Text and links <span class="wrap"> </span> More text and links </span>

{{·}} and the other helper templates should not have any spaces or newlines before them or they will render two spaces before the dot. They tolerate anything from no to several spaces and even a newline after them and they will still only render one space after the dot. If a wrap occurs then the wrap will come after the dot, even if there are spaces before the helper template.

The {{·}} causes problems if inside sections of bolded and/or italicised text. Do end the bold text before the {{·}} and continue the bold text after it to avoid the problems. {{}} and the other helper templates only have this problem if the section is bolded and italicised at the same time.

See also

Template:List of nowrap-like templates


Visit Template:Nowrap end/doc to edit this text! (How does this work?)
Cookies help us deliver our services. By using our services, you agree to our use of cookies.