Heim  >  Artikel  >  Web-Frontend  >  Kann CSS den Abstand zwischen Wörtern und der linken und rechten Seite der Wörter anpassen?

Kann CSS den Abstand zwischen Wörtern und der linken und rechten Seite der Wörter anpassen?

青灯夜游
青灯夜游Original
2022-05-18 17:30:195705Durchsuche

css kann den Abstand zwischen Wörtern und Wörtern anpassen. In CSS können Sie das Attribut „letter-spacing“ verwenden, um den linken und rechten Abstand zwischen Wörtern anzupassen. Die Syntax lautet „letter-spacing: space value;“; den positiven oder negativen Wert des Attributs. Reduzieren Sie den Abstand zwischen den Zeichen (Zeichenabstand).

Kann CSS den Abstand zwischen Wörtern und der linken und rechten Seite der Wörter anpassen?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

css kann den Abstand zwischen Wörtern sowie links und rechts anpassen.

In CSS können Sie das Attribut „letter-spacing“ verwenden, um den linken und rechten Abstand zwischen Wörtern anzupassen.

letter-spacing-Attribut kann den Abstand zwischen Zeichen (Zeichenabstand) festlegen.

Grammatikformat:

letter-spacing:间距值;
  • Abstandswert: Definieren Sie den festen Abstand zwischen Zeichen.

Hinweis:

  • Die Eigenschaft „letter-spacing“ definiert, wie viel Platz zwischen Textzeichenfeldern eingefügt wird. Da Zeichenglyphen normalerweise schmaler sind als ihre Zeichenfelder, wird durch die Angabe eines Längenwerts der übliche Abstand zwischen Buchstaben angepasst. Daher entspricht „normal“ einem Wert von 0.

  • Für dieses Attribut: Jedes chinesische Schriftzeichen wird als „Zeichen“ betrachtet, und jeder englische Buchstabe wird auch als „Zeichen“ betrachtet! Passen Sie also gut auf.

Das Attribut „letter-spacing“ ermöglicht die Verwendung negativer Werte, und der Zeichenabstand kann um den positiven oder negativen Wert des Attributs vergrößert oder verkleinert werden.

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			h1 {
				letter-spacing: 10px;
			}
			
			p{
				letter-spacing: 2em;
			}
			div{
				letter-spacing: -3px;
			}
		</style>
	</head>

	<body>
		<h1>This is header 1</h1>
		<p>这是一段文本!</p>
		<div>这是一段div文本!</div>
	</body>

</html>

Kann CSS den Abstand zwischen Wörtern und der linken und rechten Seite der Wörter anpassen?

(Lernvideo-Sharing: CSS-Video-Tutorial, Web-Frontend)

Das obige ist der detaillierte Inhalt vonKann CSS den Abstand zwischen Wörtern und der linken und rechten Seite der Wörter anpassen?. 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