Wort-Abstand, CSS-Tricks
Der Wortabstand Eigenschaft ist vergleichbar mit Buchstaben-Abstand. obwohl natürlich regelt seine Verwendung die Menge an Raum zwischen den Worten in einem Stück Text, nicht die einzelnen Zeichen.
Wort-Abstand kann drei verschiedene Werte erhalten:
- Die „normale“ Schlüsselwort, das den Standardabstand zurücksetzt
- Längenwerte alle CSS-Einheiten mit (am häufigsten px. em. rem)
- das „Vererben“ Schlüsselwort, das das Wortabstand des Elternelements gilt
Best Practice zu diesem Zeitpunkt wäre em zu verwenden. Die Schriftgröße kann eingestellt werden, so dass Pixel für diese mit Problemen bei dem Abstand zwischen den Worten dazu führen könnte, würde nicht skalieren, wie ihre Größe hat. rem ist in der Regel groß, aber Browser-Unterstützung ist niedriger und in diesem Anwendungsfall ist es wahrscheinlich am besten der Abstand direkt auf die Worte relevant ist es angewandt wird, nicht die Wurzel.
Es ist wichtig zu beachten, dass „Wort“ in diesem Zusammenhang tatsächlich ein singuläres Stück inline inhalts bezieht sich das bedeutet, dass Wortabstand Inline-Block-Elemente sowie Inline-Elemente wirkt. In diesem Beispiel werden mehrere solche Elemente durch Setzen des Wort Abstand ihrer übergeordneten Container angeordnet:
Sehenswürdigkeiten
- Die Wortabstand Eigenschaft ist animierbaren mit CSS Transitions.
- Während Wert Verwendung des „Prozent“ Abstand zu bestimmen, gemäß der Spezifikation erlaubt ist, kann es zu unvorhersehbaren Ergebnissen führen - häufig einfach überhaupt keine Wirkung.
- Einstellen white-space auf Null ist eine der Möglichkeiten, um gegen den Raum zwischen Inline-Block-Elementen.