Vorlage:Nowrap/Doku

< Vorlage:Nowrap
Version vom 27. März 2018, 13:27 Uhr von ICON (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „<noinclude>{{Dokumentation/Dokuseite}}</noinclude> == Funktion == Die Funktion verhindert jeden Zeilenumbruch im Text, der der Vorlage übergeben wird sowie…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Dokumentations-Unterseite Diese Seite ist die Dokumentations-Unterseite der Vorlage:Nowrap.


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.

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: "&#124;" oder "{{pipe}}" oder "{{abs}}". Beispiel: Im „|6|“ zu schreiben, setze folgendes ein:

{{nowrap|&#124;6&#124; < 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.