Vorlage:Nowrap: Unterschied zwischen den Versionen
ICON (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „<includeonly><span class="nowrap">{{{1}}}</span></includeonly><noinclude> {{Dokumentation}} </noinclude>“) |
(kein Unterschied)
|
Version vom 27. März 2018, 13:27 Uhr
Funktion
Die Funktion verhindert jeden Zeilenumbruch im Text, der der Vorlage übergeben wird sowie in Links, die Leerzeichen oder Bindestriche enthalten. Setze diese Vorlage mit Bedacht ein. Dein übergebener Text entspricht der minimalen Breite des Inhaltes des betroffenen Artikels. Übergibst du zu viel Text, kann es zu hässlichen Scrollbalken am unteren Seitenrand kommen.
Verwendung
Du kannst den Effekt testen, in dem du deinen Browser in der Breite extrem zusammenschiebst.
{{nowrap|these words stay together}}
ergibt: these words stay together{{nowrap|a, b, c, or d.}}
ergibt: a, b, c, or d.{{nowrap| merry-go-round}}
ergibt: merry-go-round{{nowrap| 4-part harmony}}
ergibt: 4-part harmony{{nowrap| CSS}}
ergibt: CSS{{nowrap| Examples section}}
ergibt: Examples section
Mit Gleichheitszeichen und Pipes umgehen
Vorlagen haben Probleme mit „=
“ und „|
“. Sie haben eine eigene Funktionalität in Vorlagen und können daher nicht so einfach im Text innerhalb einer Vorlage verwendet werden. Es gibt für dieses Problem zwei Lösungsansätze.
- Setzte deinen Text nicht in diese Vorlage sondern zwischen die beiden Vorlagen {{nowrap begin}} + {{nowrap end}}.
- Setzte vor den Text, der das Gleichheitszeichen beinhaltet ein
1=
, oder maskiere die Zeichen mit Hilfsvorlagen wie{{{|=}}}
, oder{{=}}
So kann es aussehen:
{{nowrap|1=2 + 2 = 4}}
,{{nowrap|2 + 2 {{{|=}}} 4}}
, or{{nowrap|2 + 2 {{=}} 4}}
Alle Varianten erzeugen folgendes:
- 2 + 2 = 4.
Für Texte mit einer Pipe „|“ solltest du diese mit folgenden Sequenzen ersetzen: "|
" oder "{{pipe}}
" oder "{{abs}}
". Beispiel: Im „|6|“ zu schreiben, setze folgendes ein:
{{nowrap||6| < 7}}
or{{nowrap|{{pipe}}6{{pipe}} < 7}}
or{{nowrap|{{abs|6}} < 7}}
Das erzeugt diese Ausgabe:
- |6| < 7
Technische Details
Die Aufgabe erledigt folgender HTML+CSS code:
<span style="white-space:nowrap">This text will not wrap</span>
Leerzeichen vor und nach dem übergebenen Text werden nicht behandelt, auch wenn sie in die Vorlage aufgenommen werden.
Bei technischen Fragen zu dieser Vorlage kannst du dich an den Administrator wenden. Inhaltliche Fragen und Vorschläge gehören zunächst auf die Diskussionsseite. |
|