Ein Kaskadenstilblatt ist für die Bereitstellung der Auswirkungen und Eigenschaften des HTML -Inhalts verantwortlich. Der betroffene grundlegende Inhalt ist der Text durch verschiedene Eigenschaften wie Schriftfarbe, Schriftgröße, in Form von Überschrift, Absatz oder in einem anderen Container. In diesem Artikel werden wir eine CSS -Eigenschaft des Textes diskutieren, die sich mit dem Konzept befasst, dass der Text nicht verpackt werden sollte, was bedeutet, dass dies angezeigt werden sollte, wie er im Texteditor geschrieben ist.

CSS Wrap Texteigenschaft

Diese CSS-Eigenschaft ist eine textbezogene Eigenschaft. Die Ausrichtungseigenschaft des Textes wird hier verwendet, um den Text mit der Ausrichtung in jedem Außenbehälter anzupassen oder einen kleinen Bereich zu verwenden. Es ermöglicht es, die langen Wörter oder Sätze in einem bestimmten Bereich oder Container zu fixieren. Sie können auch sagen, dass die langen Worte in zwei oder mehr Portionen unterteilt sind, damit sie in die nächste Zeile eingewickelt werden können. Wir müssen solche Tags anwenden, um die Wahrscheinlichkeit der Textverpackung zu minimieren, damit der Text in einer einzelnen Zeile liegt. Alle diese Effekte werden nach den Anforderungen angewendet.

Um den Wrap-Text zu erreichen oder nicht umzuwickeln, verwenden wir eine spezielle CSS-Eigenschaft, die die Eigenschaft aus weißem Raum ist.

Weißraum Eigenschaft

Dies ist die CSS-Eigenschaft, die behauptet, zu steuern. Weißraum ist der Bereich, der zwischen dem inneren HTML-Inhalt und der Grenze des äußeren HTML-Inhalts vorhanden ist. Diese Eigenschaft bestimmt, wie der weiße Raum oder der Bereich innerhalb des HTML-Elements behandelt oder kontrolliert wird.

Manchmal wird der Speicherplatz automatisch erstellt. Wir müssen es entfernen, oder in anderen Fällen werden die speziellen CSS-Effekte angewendet, um den weißen Raum im Element zu verwalten. Es gibt den gleichen Ansatz, um den CSS -Wickeltext ordnungsgemäß anzuwenden oder zu entfernen.

Die grundlegende Syntax der Wrap -Eigenschaft lautet:

weißer Raum: Normal | Nowrap | Pre | Pre-Wrap | Pre-Line;

Der Wert kann eine der zuvor angegebenen Werte sein, die der Eigenschaft aus weißem Raum angegeben werden. Wenn die Eigenschaft des weißen Raums durch den Normalwert bereitgestellt wird, bedeutet dies, dass der weiße Raum um den Text entspricht dem Standarddiagramm der Normalität. Die Vordrücke verursacht den weißen Raum der linken Seite im Element. Dieser Raum liegt zwischen dem Text und dem äußeren Element, sodass die linke Seite des Elements mehr Platz mit dem Text „Pre“ hat, der den Gesamtraum vor dem Text hat. Die Vorlinie führt zu einem Zeilenspalt zwischen dem Text und der äußeren Elementgrenze.

Wenn wir den Text nicht einwickeln wollen, ist die Eigenschaft Weißraum nicht erforderlich, um zuerst angewendet zu werden. Wenn jedoch die Textverpackung bereits durchgeführt wird und wir sie entfernen müssen, verwenden wir den Wert „Nowrap“ für diese Eigenschaft.

Wir werden dieses Phänomen in den folgenden Beispielen implementieren:

Beispiel 1: Wickeln Sie den Text nicht mit HTML -Tabellen ein

In diesem Beispiel werden wir die Eigenschaft aus weißer Raum im Tischinhalt bewältigen. Eine Tabelle ist ein HTML -Container, der den Text und andere Inhalte darin trägt. Die Tabelle unterscheidet sich vom Div -Behälter, da sie Zeilen und Spalten enthält. Eine Tabelle enthält zwei Arten von Tags weiter - das Kopf -Tag und das Body -Tag. Der Kopfteil enthält die Tabellenreihen und das Körperteil enthält auch die Tabellenzeilen, um die Tabellendaten hinzuzufügen. Während die HTML -Daten in die Tabelle in Form von Zeilen in jeweils im Überschriften -Tag eingegeben werden des Körpers und der enthält nur die Messwerte.

Im Beispiel wird die Tabelle mit der Grenzeigenschaft angewendet, die 1 Zusammenbruch ist.

erste Reihe

Dieser Rand verhindert, dass die Tabellenzellen eingewickelt werden. Der

Und Schild. Dieser Abschnitt enthält die Werte bezüglich der Überschrift. Alle weiteren Zeilen werden in den Körperabschnitt eingegeben. Wir benutzen das Tag für die Daten innerhalb der Tabellenreihen. Schließen Sie alle Tags und speichern Sie sie.

Nach dem HTML -Körpercode verwenden wir nun den CSS -Körper, um die Auswirkungen des weißen Abstands hinzuzufügen. Es ist nicht erforderlich, das interne CSS anzuwenden, da wir die direkt verwenden werden

werden verwendet, um die Elemente in der Tabelle hinzuzufügen. Schließen Sie das Etikett. Diese Zeilen enthalten die Überschrift des Tisches. Verwenden Sie nun den Körper
in der
Tag wie das Und Stichworte. Innerhalb des Style-Tags wird das „Th“ durch den weißen Raum-Effekt angewendet. Wir zeigen den Text im gesamten Satz in einer einzelnen Zeile an, daher verwenden wir die Eigenschaft "nowrap". Speichern Sie nun den Code in der HTML -Erweiterung. Führen Sie die Datei im Browser aus, um den resultierenden Wert anzuzeigen. Bei der Ausführung sehen Sie, dass eine Tabelle mit der Überschrift erstellt wird, die auf der einzelnen Zeile deklariert ist, obwohl es lang genug ist, die Eigenschaft des CSS-weißen Raums in Anspruch zu nehmen. Beispiel 2: Wickeln Sie den Text nicht mit dem Absatz ein Ein weiteres Beispiel, das wir hier verwendet haben, ist der Absatz. Diese beiden Absätze enthalten ein einzelnes Wort mehrerer Buchstaben. Wenn im Absatz ein Satz verwendet wird, ist es leicht, den Satz zwischen den Wörtern zu brechen. Aber ein einzelnes Wort mit zahlreichen Zeichen ohne Platz ist schwer zu halten, ohne den Text zu wickeln. Der zweite Absatz wird mit der CSS -ID angewendet. Diese ID wird im Kopfabschnitt deklariert, wodurch das interne CSS erstellt wird. Beide Absätze haben ein einziges Wort mit zahlreichen Buchstaben. Betrachten Sie nun die CSS dieses Code. Erstens wird der ganze Körper mit einem Polstereffekt und einer Schriftgröße aufgetragen. Der Absatz wird mit dem automatischen Margenwert angewendet. Dieser Wert ist der Abstand zwischen dem inneren Inhalt und dem Außenfeld. Wir haben auch die Padding -Eigenschaft zu beiden Absätzen hinzugefügt. Der Abstand zwischen dem Absatz und dem Rand wird durch diesen Polsterwert berechnet. Die Überlauf -ID enthält die Textverpackungseigenschaft und gibt den Wert, um die Wörter zu brechen, damit der Text in den Rand passen kann. #overflow Überlaufwerk: Breakwort; Bei der Ausführung sehen Sie, dass der Absatz, in dem wir keine Klasse für den White -Raum angewendet haben. Während der zweite Absatz darauf begrenzt ist, wo wir den Überlauf-Wrap-Effekt angewendet haben, um das Wort zu brechen. Abschluss Dieser Artikel ist hilfreich, wenn wir das Konzept des weißen Raums im HTML-Inhalt verstehen müssen. Wenn wir diesen weißen Raum im HTML-Inhaltswert hinzufügen möchten, insbesondere im Text, wird der Text in separate Wörter unterteilt und verwendet zwei oder mehr Sätze. Wenn wir den Text jedoch nicht mit der CSS-Eigenschaft White-Space-Eigenschaft einwickeln möchten, wird der Text in einer einzelnen Zeile ohne Wortunterbrechung angezeigt. Wir haben zwei Beispiele verwendet, um die Eigenschaft „nicht wickeln“ CSS mit der Tabelle und dem Absatz auszuarbeiten. « CSS Plus Zeichen NetLink 7 C -Funktion » Power Shell So verwenden Sie den Befehl Startschlafen in PowerShell? Das CMDLET in PowerShell „Start im Schlafen“ ist für die Aussetzung einer Aktivität oder für eine be... Ahmed Stöckert Debian So ändern Sie den Benutzernamen bei Debian Top 10 Bullseye Sie können den Benutzernamen auf Debian vom Terminal oder GUI ändern. Dieser Artikel enthält eine de... Kaya Wyludda C -Programmierung C Benutzerdefinierte Funktionen gegen Bibliotheksfunktionen Die benutzerdefinierten Funktionen in C werden von Entwicklern und Bibliotheksfunktionen integriert.... Ansgar Radtke Python Python rufen Sie eine statische Methode innerhalb der Klasse auf Arved Riermeier Python Wie konvertiere ich eine Ausnahme in eine Schnur in Python? Ahmed Stöckert Java So verwenden Sie Byte -Schlüsselwort in Java Gian Eisenlauer Oracle -Datenbank Was ist der Zweck von Oracle Cerner?? Hussein Burkhard Power Shell So verwenden Sie Get-Adprincipalgroupmitglieder in Powershell Ahmed Stöckert AWS Was ist der Unterschied zwischen AWS Aurora und MySQL? Frederik Rodehau Typoskript Was ist TypeScript und wie man es verwendet?? Christopher Lammert C ++ Unterschied zwischen+= und =+Operatoren in C ++ Jean Dengler c scharf So verwenden Sie Mathematik.Rundenfunktion in C# Ahmed Stöckert c scharf Wie man Polymorphismus in C# verwendet Arved Riermeier