Erstellen Sie Zeilenpausen, ohne BR in HTML verwenden zu müssen

Erstellen Sie Zeilenpausen, ohne BR in HTML verwenden zu müssen

Es gibt mehrere Tags in HTML, die Webseiten bestimmte Funktionen bieten. Diese Tags sind zwei Typen: Container -Tags und leere Tags. Die Container -Tags bestehen aus einem Start -Tag und einem End -Tag, während die leeren Tags nur aus dem Start -Tag bestehen. Genauer gesagt das “
Tag ist einer von ihnen. Es ist ein leeres Tag, das eine Zeilenpause in HTML erzeugt. Es gibt jedoch verschiedene andere Methoden zum Erstellen eines Zeilenumbruchs, anstatt dies zu verwenden. “
" Schild.

Dieser Beitrag wird Sie anweisen:

  • So erstellen Sie eine Zeilenpause, indem Sie das CSS verwenden “Whitespace = vor" Eigentum?
  • So erstellen Sie eine Zeilenpause, indem Sie das CSS verwenden “Anzeige = Block" Eigentum?

So erstellen Sie eine Linienpause unter Verwendung der CSS-Eigenschaft „White-Space: Pre“?

Der "weißer RaumDie CSS -Eigenschaft hilft bei der Kontrolle der weißen Räume in den Elementen. Der "VorDer Wert Zeigt den in Linienbrüche eingewickelten Text an.

Schauen wir uns das unterbewertete Beispiel für die Demonstration an.

Beispiel

In HTML fügen Sie eine "hinzu"”Element, das mit dem verbunden istStil"Attribut mit dem CSS"weißer Raum: Vor" Eigentum:


LinuxHint
LinuxHint

Ausgang

So erstellen Sie einen Zeilenumbruch mit der CSS -Eigenschaft "Display = block"?

Das CSS “AnzeigeDie Eigenschaft legt das Anzeigverhalten des Elements fest. Darüber hinaus ist es „“BlockDer Wert legt die Breite des Elements auf 100% fest.

Beispiel

Schauen Sie sich das folgende Beispiel an:

  • Fügen Sie in HTML das hinzu “

    " Element.

  • Im Inneren "

    "Element, zwei" einschließen "SpanneElemente mit einigen Textinhalten:


> LinuxHint
> LinuxHint

Ausgang

Notiere dass der "Ist ein Inline -Element, daher werden beide auf einer Zeile angezeigt. Damit jedes von ihnen in einer Zeile (volle Breite) angezeigt wird, muss das „das festgelegt werden“AnzeigeEigentum des "" Elements als "Block”.

Stil „Span“ Element

p span
Bildschirmsperre;
Text-Align: Mitte;

Der "p span"Bezieht sich auf das" "" Element mit über Eltern "

”. Dieses Element wird unter Verwendung der folgenden Eigenschaften gestaltet:

  • AnzeigeEigenschaft definiert das Anzeigverhalten des Elements, während die “das“BlockDer Wert macht die volle Breite des Elements.
  • Textausrichtung"Definiert die Textausrichtung als"Center”.

Ausgang

Das ging nur darum, Linienbrüche zu erstellen, ohne zu verwenden “
”In HTML.

Abschluss

In HTML die “
Das Tag wird verwendet, um einen Zeilenpause in einem Dokument hinzuzufügen. Leitungsunterbrechungen können jedoch hinzugefügt werden, ohne die zu verwenden “
" Schild. Zu diesem Zweck sind die häufigsten Eigenschaften das CSS “Bildschirmsperre"Für Inline -Elemente und"weißer Raum: vor”Zum Anzeigen des formatierten Textes. Dieser Beitrag hat erklärt, wie man Linienbrüche erstellt, ohne zu verwenden “
”In HTML.