HTML keine Zeilenumbrüche bei Bindestrichen

So, ich habe den text e-commerce und ich will nicht die Zeile zu umbrechen, auf dem Armaturenbrett.

Wie würde ich einschränken Verpackung für diese Textzeile?

InformationsquelleAutor der Frage Kirk Strobeck | 2011-08-28

  1. 55

    Verwenden Sie die non-breaking Bindestrich: ‑

    InformationsquelleAutor der Antwort Malvolio

  2. 88

    Sie können CSS: white-space: nowrap;.

    Beispiel: Wickeln Sie den text in ein span mit der CSS-Deklaration.

    <span style="white-space: nowrap;">e-commerce</span>

    InformationsquelleAutor der Antwort Paul Sham

  3. 19

    Wickeln Sie es in der <nobr>…</nobr> tag, oder wenn Sie sich aus der Gültigkeit Ihres HTML-Codes, legen Sie die white-space: nowrap; Stil.

    InformationsquelleAutor der Antwort David Wolever

  4. 6

    Gibt es diese non-breaking hyphen (kopieren und einfügen):‑ oder verwenden Sie &#8209; oder &#x2011;

    Beachten Sie, dass dies die einzige unicode - "Zeichen" vereinigt folgende Eigenschaften:

    • ist pre-komponiert (Sie können machen, was nicht zu brechen, die durch Komposition)
    • ist non-breaking
    • ist ein Bindestrich oder ähnliches


    Die Nutzung der word joiner vertreten durch &#8288; oder &#x2060; können für andere Bindestriche. Ergebnisse:

    e‐commerce (Bindestrich, gefolgt von word-joiner)

    e‑commerce (ASCII-Bindestrich/minus, gefolgt von word-joiner)

    ...und die vorverfassten eine Referenz:

    e‑commerce (non-breaking hyphen)

    http://jsfiddle.net/NR5Ch/58/   (diese Geige zeigt die Wirkung der word-joiner)

    InformationsquelleAutor der Antwort Robert Siemer

Schreibe einen Kommentar