Zeilenumbrüche mit CSS verhindern
— CSS-Trick in einer React-Komponente🧚
Vor kurzem bin ich auf ein interessantes Problem gestoßen, sagen wir, es gibt einige Listenelemente , die mit dem grundlegenden React-Code wie unten angezeigt werden können 👇
- …
✨ Beachten Sie, dass diese Elemente nebeneinander ( inline und natürlich ohne Zeilenumbrüche ) sein sollten, wie das Ergebnis unten👇
Ich habe ein einfaches CSS geschrieben: ✏️
Und das Ergebnis war 💥
Sehen Sie die Zeilenumbrüche ? Hässlich genug…
🤞 Hier kommt meine einfache Lösung:
Das ist es! 🌸
Die white-spaceCSS-Eigenschaft legt fest, wie Leerräume innerhalb eines Elements behandelt werden, sie reduziert Leerräume, lässt jedoch keinen Umbruch zu.
Die overflowCSS-Shorthand-Eigenschaft legt das gewünschte Verhalten für den Überlauf eines Elements fest – dh wenn der Inhalt eines Elements zu groß ist, um in seinen Blockformatierungskontext zu passen – in beide Richtungen.
Die text-overflowCSS-Eigenschaft legt fest, wie ausgeblendete Überlaufinhalte den Benutzern signalisiert werden. Es kann abgeschnitten werden, Auslassungspunkte (' …') anzeigen oder eine benutzerdefinierte Zeichenfolge anzeigen.
Das war ein schneller einfacher CSS-Trick, ich hoffe es gefällt euch! 💫
Danke fürs Lesen!
Suggested posts
Die verheerenden Folgen eines Schlaganfalls vermeiden: Aus der Reise einer Familie lernen.
Einleitung Ein Schlaganfall ist ein medizinischer Notfall, der jeden jederzeit treffen kann. Sie tritt auf, wenn die Durchblutung eines Teils des Gehirns gestört ist, was zu einem plötzlichen Verlust der Gehirnfunktion führt.
Kaffee-Stylesheet: Kaffee als Farbe
In dieser albernen Infografik stelle ich mir vor, wie Kaffee ausgedrückt werden könnte, wenn er ähnlich wie CSS-Farben dargestellt würde.
Sie sagen, Entwickler könnten nur für Kaffee arbeiten. Ich glaube nicht, dass das stimmt (aber vielleicht auch nicht zu weit).
Related posts
Zeitschrift Ouvert
Offenes Tagebuch: Ein Bild pro Tag. Geschichten haben mich schon immer fasziniert.
Die Cowboy-Lüge
Wie Megakonzerne den Amerikanern eine fette Lüge verkauften
Es ist ein strahlend goldener Morgen in den sanften Hügeln des Westens, während die ersten Sonnenstrahlen das gefrorene Gras auf den Ebenen erhellen. Eine Herde friedlicher Angus-Rinder, pechschwarz und massig, zeichnet sich vor dem Sonnenaufgang ab, während sie einen ausgetretenen Pfad entlang zu einem Ort geht, den sie alle gut kennen; die Frühstücksbar.
Was macht einen Podcast einflussreich?
Letzte Woche fiel mir eine Pressemitteilung auf, die über PressGazette (eine britische Nachrichten-Website für Medien) verschickt wurde. In dem Artikel wurde angekündigt, dass Acast, das skandinavische Podcast-Hosting- und Werbeunternehmen, ein Konsortium der „wahrscheinlich einflussreichsten“ Verlage im Podcasting leiten werde.
Gefährliche Gespräche
Wenn wir auf diesem Planeten weiterhin erfolgreich sein wollen, müssen wir gefährliche Gespräche führen. Diejenigen, die das in Frage stellen, was wir getan haben, was wir tun und was wir derzeit weiterhin tun werden (oder planen).