CSS:
Tag deaktivieren

Letztens wollte ich für ein Projekt den
-Tag innerhalb eines

Elements mit CSS deaktivieren.

Warum? Weil ich (bzw. der Designer ;-) ) auf Mobilgeräten keinen Zeilenumbruch haben wollte.

Das Problem ist gar nicht so einfach zu lösen, weil ein display: none; dazu führt, dass die Texte zusammen kleben.

Die Lösung um
mittels CSS zu deaktivieren sieht dann so aus:

br {
    content: '';
    display: inline-block;
    width: 0.3em;
}

Eventuell musst du die Breite (im Beispiel 0.3em) an deine Schrift anpassen.

Picture of Michael
Hi, ich bin Michael Baierl und bin WordPress-Programmierer aus Wien. In meiner WordPress-Community – den Website Heroes – finden Web-Designer alles, um großartige Websites für ihre Kunden zu erstellen und finanziell erfolgreich zu sein: regelmäßige Weiterbildung, Austausch, Feedback, schnelle Problemlösung und Co-Working. Schau gleich vorbei.

Inhalt

Kommentare

Schreibe einen Kommentar

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

Nie wieder alleine - werde Teil der Website Heroes und bilde dich laufend weiter.

Weiterbildung und Sofort-Support für angestellte Website-Helden.

Exklusiv für Agenturen, Grafiker:innen und Designer:innen: WordPress-Programmierung.

Dein Technischer Partner für deine Website.

Schreibe wasserdichte Angebote in nur 10 Minuten.

Raus aus dem Projektgeschäft - schaffe dir langfristig ein passives Einkommen.