Design · PHP · Server

Design · PHP · Server

WordPress · Drupal · PrestaShop

  • Startseite
  • WordPress
  • PHP
  • Ubuntu
  • Prestashop
  • Indesign
  • Grafik
You are here: Home / Allgemein / CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern

CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern

7. Juni 2017 2 Comments

Mit dem CSS Befehl hyphens: auto; werden Worte automatisch getrennt. Dies kann in einzelnen Fällen nicht erwünscht sein, z.B. wenn bei einer längeren Überschrift nur die letzte Silbe in die nächste Zeile rutscht und es besser aussehen würde, wenn das Wort insgesamt in der zweiten Zeile erscheint.

Hier hilft der breitenlose Verbinder ‍

Der breitenlose Verbinder ist quasi das Gegenstück zu ­

Mit ­ kann man vorgeben, wo ein Wort getrennt werden soll.
Mit ‍ wird eine Trennung verhindert

Das Wort Haltbarkeitsdatum würde ohne den breitenlosen Verbinder vier Trennmöglichkeiten besitzen: Halt-bar-keits-da-tum

Mit dem breitenlosen Verbinder kann man diese Trennmöglichkeiten einschränken oder ganz ausschließen: Halt‍bar‍keits-da‍tum schränkt die Trennmöglichkeit ein auf Haltbarkeits-datum

Das html Zeichen ‍ wird nach Eingabe im Browser nicht ausgegeben und ist hier nur zur Demonstration sichtbar gemacht.

Filed Under: Allgemein Tagged With: CSS

Comments

  1. Bernhard says

    30. August 2017 at 13:10

    Danke, das genau mit dem ‍ hat mir noch fehlt:
    Ganz gut zu gebrauchen z. B. bei Wörtern die mit „ei“ anfangen und da getrennt werden. ei- ner (Silbentrennung bei Zeilenumbruch) liest sich bei der automatischen Silbentrennung extrem mies.

    Antworten
  2. Bernhard says

    30. August 2017 at 13:11

    meinte mit dem & z w j ;
    Zusammengeschrieben hat es mir der Editor weggeschluckt.

    Antworten

Schreibe einen Kommentar zu Bernhard Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Themen

Adminbar Apache Attachment Count Automatische Updates Backend Boolean values Boolesche Werte BuddyPress Code Snippets Concatenation Operator Conditional Statement Datenbank Email Enfold Escape Zeichen Galerien genesis Grid View htaccess Layout Builder List View Logische Operatoren Loops Maskieren Media Manager Mitgliederbereich PHP PHP Anfänger PHP Variablen Plugins Prestashop Prestashop 1.5 Prestashop 1.6 Prestashop Module Registrierung RSS Feed s2member Server ssl Strings Windows Windows 10 WooCommerce WooCommerce Sortierung WordPress

Letzte Kommentare

  • Thomas bei WordPress: Einzelne Kategorien aus dem RSS Feed ausschließen
  • Bernhard bei CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Bernhard bei CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • MC bei PHP: Boolesche Werte (Boolean Values)
  • eno bei Zufällige Produktanordnung beim Featured Product Slider (PrestaShop 6.1.11 / Megashop Theme)

Informationen

  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Kontakt
  • Datenschutzerklärung
  • Impressum