Utwórz przerwy w linii bez konieczności używania BR w HTML

Istnieje kilka tagów w HTML, które zapewniają szczególne funkcje na stronach internetowych. Te tagi są dwóch typów: tagi kontenerowe i puste tagi. Tagi kontenera składają się z znacznika startowego i znacznika końcowego, a puste znaczniki składają się tylko z znacznika startowego. Mówiąc dokładniej, „
„Tag jest jednym z nich. Jest to pusty tag, który tworzy przerwę linii w HTML. Chociaż istnieją różne inne metody tworzenia przerwy linii zamiast tego „
”Tag.

Ten post będzie Cię poinstruować:

• Jak utworzyć przerwę na linii, wykorzystując CSS ”Whitespace = pre" nieruchomość?
• Jak utworzyć przerwę na linii, wykorzystując CSS ”Display = blok" nieruchomość?

Jak utworzyć przerwę na linii przy użyciu właściwości CSS „Biała przestrzeń: przed”?

„„Biała przestrzeń„Właściwość CSS pomaga w kontrolowaniu białych przestrzeni w elementach. „„przed”Wartość wyświetla tekst zapakowany w przerwy w linii.

Rzućmy okiem na poniższy przykład demonstracji.

Przykład

W HTML dodaj „„Element związany z„styl”Atrybut posiadający CSS”Biała przestrzeń: przed" nieruchomość:

Linuxhint
Linuxhint

Wyjście

Jak utworzyć przerwę na linii przy użyciu właściwości CSS „Display = Block”?

CSS „wyświetlacz”Właściwość ustawia zachowanie wyświetlania elementu. Co więcej, to „blok„Wartość ustawia szerokość elementu na 100%.

Przykład

Sprawdź poniższy przykład:

• W HTML dodaj „

  " element.

• W środku "

  ”Element, obejmuje dwa„Zakres„Elementy z treścią tekstową:

> Linuxhint
> Linuxhint

Wyjście

Zauważ, że „”Jest elementem wbudowanym, więc oba będą wyświetlane na jednym wierszu. Aby każdy z nich wyświetla się na jednej linii (pełna szerokość), konieczne jest ustawienie „wyświetlacz„Własność elementu„ ”jako„blok".

Styl „Span” element

P Span
Blok wyświetlacza;
Text-Align: Center;

„„P Span„Odnosi się do elementu„ ”, który ma rodzica„

". Ten element jest stylizowany przy użyciu następujących właściwości:

• "wyświetlacz„Właściwość określa zachowanie wyświetlania elementu, podczas gdy„blok„Wartość powoduje pełną szerokość elementu.
• "tekst-align„Definiuje wyrównanie tekstu jako„Centrum".

Wyjście

Chodziło o tworzenie przerw linowych bez użycia „
„W html.

Wniosek

W HTML „The”
”Tag jest wykorzystywany do dodania przerwy w dokumencie. Jednak przerwy linii można dodać bez użycia „
”Tag. W tym celu najczęstszymi właściwościami są CSS ”Blok wyświetlacza”Dla elementów wbudowanych i„Biała przestrzeń: Pre”Do wyświetlania sformatowanego tekstu. Ten post wyjaśnił, jak tworzyć przerwy linii bez użycia „
„W html.