So verwenden Sie Leerzeichen in HTML

white-space ist ein HTML-Tag, daher geben wir Ihnen heute einige populärwissenschaftliche Informationen darüber, wie Sie dieses Attribut verwenden und in welchen Situationen es verwendet werden kann

Leerraumnorma Nowrap erzwingt die Anzeige des gesamten Textes in derselben Zeile, sodass der gesamte Textinhalt in einer Zeile ohne Zeilenumbrüche angezeigt wird.

Lassen Sie den Text nicht automatisch umbrechen, egal wie stark die CSS-Breite eingestellt ist, der gesamte Text wird in einer Zeile angezeigt. Insbesondere für die Titelliste möchten wir nur einen Titelinhalt pro Zeile anzeigen. Manchmal ist die Breite begrenzt und der Titeltext ist zu breit (Breite), was dazu führt, dass der Text automatisch umbrochen wird , wir können den Leerraumstil verwenden, um ihn in einer Zeile anzuzeigen. Um den überschüssigen Textinhalt auszublenden, können wir natürlich einen CSS-Überlauf:hidden-Stil hinzufügen.

Leerzeichen-Syntax:

Leerzeichen: normaler Nowrap

Leerzeichen-Parameter:

normal: Standardverarbeitungsmethode

nowrap: Erzwingt, dass der gesamte Text in derselben Zeile angezeigt wird, bis der Text endet oder ein br-Tag-Objekt gefunden wird. Es wird empfohlen, „white-space:nowrap“ zu verwenden, um keine Zeilenumbrüche zu erzwingen.

white-space legt den Textanzeigemodus innerhalb des Objekts fest oder ruft ihn ab. Normalerweise verwenden wir „white-space:nowrap“, um zu erzwingen, dass der Inhalt in einer Zeile angezeigt wird.

Normalerweise verwenden wir „white-space:nowrap“, um zu erzwingen, dass der Textinhalt nicht umgebrochen wird, und um den gesamten Textinhalt in einer Zeile anzuzeigen innerhalb des Objekts.

Ich habe zwei Objektboxen eingerichtet, eine Einstellung zwingt den Peer, Textinhalte anzuzeigen. Die zweite Einstellung erzwingt die Anzeige von Peers, verwendet jedoch das HTML-Tag br, um den Effekt zu beobachten. Für den Leerraum-Anwendungseffekt habe ich die CSS-Breite auf 120 Pixel, die CSS-Höhe auf 60 Pixel und die CSS-Zeilenhöhe Zeilenhöhe auf 20 Pixel festgelegt.

CSS-Code

<style> 
div{ width:120px; height:60px; line-height:20px} 
.div{ white-space:nowrap} 
</style>

2. HTML-Code-Snippet

<div class="div">内容将在一行内强制显示完整</div> 
<div class="div">内容使用br换行<br /> 
将会不被<br />换行显示</div>

Jeden Tag, um den Textinhalt in einer Zeile anzuzeigen, auch wenn der Die Breite reicht nicht aus. Wir können den White-Space-Stil nicht verwenden. Wenn wir jedoch auf das HTML-BR-Tag für erzwungene Zeilenumbrüche stoßen, wird ein Zeilenumbruch durch .

Ich glaube, Sie haben es verstanden. Freunde in Not können es sich sparen. Achten Sie bitte weiterhin auf andere Updates auf dieser Website.

Verwandte Lektüre:

So verwenden Sie Label-Tags in HTML

DIV-Hintergrundbildhintergrund So legen Sie fest:

So ändern Sie das HTML-Titel-Tag-Element

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