So fügen Sie Leerzeichen in CSS hinzu

Es gibt 5 Möglichkeiten, Leerzeichen in CSS hinzuzufügen: Leerzeichen, Tabulatorzeichen, Inline-Blockelemente, Leerzeichenattribute und Texteinrückungsattribute.

Leerzeichen in CSS hinzufügen

In CSS gibt es mehrere Möglichkeiten, Leerzeichen hinzuzufügen:

1. Leerzeichen

• Verwenden Sie (Leerzeichen) oder s (Escape-Sequenz für Leerzeichen), um Leerzeichen in CSS-Eigenschaftswerten hinzuzufügen. （空格字符）或 s（空白字符转义序列）在 CSS 属性值中添加空格。
• 例子：margin-right: 20px;

2. tab 字符

• 使用 t（制表符转义序列）在 CSS 属性值中添加制表符。
• 例子：padding-left: 2tt;

3. display: inline-block;

• 将元素设置为内联块元素，这将自动在不同元素之间添加水平空格。
• 例子：display: inline-block;

4. white-space 属性

• 此属性控制元素中空格的处理方式。
• normal（默认）：保留空格和换行符。
• pre：保留空格和换行符，并将其显示为预格式化的文本。
• nowrap：不换行，消除空格。
• 例子：white-space: nowrap;

5. text-indent 属性

• 此属性设置首行缩进，也可以用来在元素中创建额外的空格。
• 例子：text-indent: 20px;
Beispiel: margin-right: 20px;

🎜🎜🎜2. t-Zeichen 🎜🎜🎜🎜 Verwenden Sie t (Tab-Konvertierung (definiert Sequenz) fügt den CSS-Eigenschaftswerten Tabulatorzeichen hinzu. 🎜🎜Beispiel: padding-left: 2tt;🎜🎜🎜🎜3. display: inline-block;🎜🎜🎜🎜Legen Sie das Element als Inline-Block-Element fest, Diese horizontalen Leerzeichen werden automatisch zwischen verschiedenen Elementen hinzugefügt. 🎜🎜Beispiel: display: inline-block;🎜🎜🎜🎜4. white-space-Attribut🎜🎜🎜🎜Dieses Attribut steuert, wie Leerzeichen im Element behandelt werden. 🎜🎜normal (Standard): Leerzeichen und Zeilenumbrüche beibehalten. 🎜🎜pre: Behält Leerzeichen und Zeilenumbrüche bei und zeigt ihn als vorformatierten Text an. 🎜🎜nowrap: Keine Zeilenumbrüche, Leerzeichen eliminieren. 🎜🎜Beispiel: white-space: nowrap;🎜🎜🎜🎜5. text-indent-Attribut🎜🎜🎜🎜Dieses Attribut legt den Einzug der ersten Zeile fest und kann auch verwendet werden Erstellt zusätzlichen Leerraum innerhalb des Elements. 🎜🎜Beispiel: text-indent: 20px;🎜🎜

Das obige ist der detaillierte Inhalt vonSo fügen Sie Leerzeichen in CSS hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!