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

青灯夜游
Freigeben: 2022-05-18 17:30:31
Original
5706 Leute haben es durchsucht

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:间距值;
Nach dem Login kopieren
  • 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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage