Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Verwendung von Whitespace-Effektattributen in CSS
Detaillierte Erläuterung der Verwendung von Whitespace-Effektattributen in CSS
- 高洛峰Original
- 2017-03-08 15:26:511885Durchsuche
white-space
white-space wird verwendet, um die Verarbeitung von „leer“ durch den Browser festzulegen. Das sogenannte Leerzeichen bezieht sich auf das Leerzeichen, das Sie im Editor eingeben . , Wagenrücklauf, Tab usw. Der optionale Inhalt lautet wie folgt:
normal: Standard. Leerzeichen werden vom Browser ignoriert. Beispiel: Leerzeichen am Anfang und Ende werden ignoriert. Unabhängig davon, wie viele Leerzeichen oder Wagenrückläufe zwischen Wörtern vorhanden sind, wird nur ein Leerzeichen angezeigt und das Leerzeichen vor dem Zeilenumbruch wird ignoriert.
vorher: Leerzeichen werden von beibehalten der Browser. Es verhält sich wie das e03b848252eb9375d56be284e690e873-Tag in HTML.
nowrap: Keine Zeilenumbrüche, sofern kein df250b2156c434f3390392d09b1c9563 auftritt, n Leerzeichen werden zu einem komprimiert.
Pre-Wrap: Alle Leerzeichen behalten, aber normal umbrechen (Chrome, FF, IE8+, Opera), entsprechend normal unter IE6 und IE7
Pre-Line: Leerzeichensequenzen zusammenführen (zu einer zusammenführen), aber beibehalten Zeilenumbruchzeichen (Chrome, FF, IE8+, Opera), das dem normalen
Wortabstand und Buchstabenabstand
Wortabstand unter IE6 und IE7 entspricht, kann nur funktionieren zwischen Wörtern im Englischen, ist aber für Chinesisch ungültig
Buchstabenabstand kann für Chinesisch funktionieren.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<style type="text/css">
p.spread {letter-spacing: 30px;}
</style>
</head>
<body>
<p class="spread">This is some text.哈哈哈哈哈哈哈</p>
<p class="tight">This is some text.This is some text.</p>
</body>
</html>Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung von Whitespace-Effektattributen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!