Heim > Web-Frontend > CSS-Tutorial > Detaillierte Erläuterung der Verwendung von Whitespace-Effektattributen in CSS

Detaillierte Erläuterung der Verwendung von Whitespace-Effektattributen in CSS

高洛峰
Freigeben: 2017-03-08 15:26:51
Original
1907 Leute haben es durchsucht

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

-Tag in HTML. <br>nowrap: Keine Zeilenumbrüche, sofern kein <br /> auftritt, n Leerzeichen werden zu einem komprimiert. <br>Pre-Wrap: Alle Leerzeichen behalten, aber normal umbrechen (Chrome, FF, IE8+, Opera), entsprechend normal unter IE6 und IE7 <br>Pre-Line: Leerzeichensequenzen zusammenführen (zu einer zusammenführen), aber beibehalten Zeilenumbruchzeichen (Chrome, FF, IE8+, Opera), das dem normalen</p>
<p><strong>Wortabstand und Buchstabenabstand<br></strong>Wortabstand unter IE6 und IE7 entspricht, kann nur funktionieren zwischen Wörtern im Englischen, ist aber für Chinesisch ungültig <br>Buchstabenabstand kann für Chinesisch funktionieren. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false"><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>
Nach dem Login kopieren

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!

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 Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage