Heim  >  Artikel  >  Web-Frontend  >  Vertiefendes Verständnis des Unterschieds zwischen CSS-Wortabständen und Buchstabenabständen (mit Code)

Vertiefendes Verständnis des Unterschieds zwischen CSS-Wortabständen und Buchstabenabständen (mit Code)

yulia
yuliaOriginal
2018-09-08 10:45:315723Durchsuche

CSS definiert ein „Wort“ als eine Zeichenfolge aus beliebigen Nicht-Leerzeichen, umgeben von einer Art Leerzeichen. Sowohl Buchstabenabstands- als auch Wortabstandsattribute werden verwendet, um den entsprechenden Elementen Leerzeichen hinzuzufügen. Manchmal werden die beiden oft verwechselt. Lassen Sie uns als Nächstes mit Ihnen über die Einstellung von Intervallen in CSS sprechen.

1. Wortabstand Erhöhen oder verringern Sie den Abstand zwischen Wörtern (d. h. Wortabstand)

1. Rufen Sie die Anzahl der zwischen Wörtern eingefügten Leerzeichen ab oder legen Sie sie fest Objekt, negative Werte sind erlaubt.
2. Der Standardwert ist normal, was der Einstellung 0 entspricht.
3 Negative Werte sind zulässig, wodurch die Buchstaben kompakter werden Wortraum, der zu breit ist. Verwenden Sie daher den Wortabstand mit Vorsicht

2.

Buchstabenabstand Erhöhen oder verringern Sie den Abstand zwischen den Zeichen (d. h. den Zeichenabstand)

1. Einstellungen Der Abstand zwischen den Zeichen im Objekt wird durch den eingestellten Abstand gesteuert. Sein Attributwert gilt sowohl für Chinesisch als auch für Englisch

2. Der Standardwert ist normal, was der Einstellung 0 entspricht
3. Verwenden Sie den Buchstabenabstand, der nur für Text funktioniert und keine Auswirkung auf Bilder hat .
4. Verwenden Sie den Buchstabenabstand. Chinesische Zeichen haben einen Abstand von einem Wort, und englische Zeichen haben einen Abstand von einem Buchstaben.

Beispiel: Es ist derselbe Satz. Geben Sie den Buchstabenabstand und den Wortabstand an Attribute und prüfen Sie, ob sie Folgendes haben: Was ist der Unterschied? zwischen Wörtern (d. h. Wortabstand), Buchstabenabstand vergrößert oder verkleinert den Abstand zwischen Zeichen (d. h. Zeichenabstand). Standardmäßig verwenden wir fast keine Buchstabenabstände. Wir können einfach den Standardstil des Browsers verwenden.

Das obige ist der detaillierte Inhalt vonVertiefendes Verständnis des Unterschieds zwischen CSS-Wortabständen und Buchstabenabständen (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn