Heim > Web-Frontend > Front-End-Fragen und Antworten > Was ist das Tag, das nicht in HTML umbrochen wird?

Was ist das Tag, das nicht in HTML umbrochen wird?

PHPz
Freigeben: 2023-04-23 16:06:29
Original
5248 Leute haben es durchsucht

HTML ist eine Auszeichnungssprache, die zum Erstellen von Webseiten verwendet wird. Sie unterstützt verschiedene Tags und Attribute und kann die Darstellung verschiedener Stile und Effekte erreichen. In HTML ist es oft notwendig, einige spezielle Tags für Vorgänge wie Textsatz und Layout zu verwenden. Unter diesen sind Tags ohne Zeilenumbrüche ein sehr häufig verwendetes Tag, und in diesem Artikel werden sie ausführlich vorgestellt.

Zu den Tags, die in HTML nicht umbrechen, gehören hauptsächlich die folgenden: <br>, <wbr> und < nobr&gt ;, die jeweils verwendet werden, um erzwungenen Zeilenumbruch, Zeilenumbruch, aber keinen erzwungenen Zeilenumbruch und automatischen Zeilenumbruch anzuzeigen. Im Folgenden werden wir die Verwendung und Vorsichtsmaßnahmen dieser Tags einzeln vorstellen. <br><wbr><nobr>,它们分别用于表示强制断行、可折行但不强制断行和禁止自动换行。下面我们就来一一介绍这些标签的使用方法和注意事项。

  1. <br>标签

<br>标签可以让文本在该处另起一行显示,该标签不需要闭合,直接写成<br>即可。例如:

<p>这是第一行<br>这是第二行</p>
Nach dem Login kopieren

上面的代码将在"这是第一行"和"这是第二行"之间插入一个换行符。

  1. <wbr>标签

<wbr>标签可以用于表示词内可折行的点,即指定词内的某个位置可以自动换行,但不会强制断行。该标签同样不需要闭合,直接写成<wbr>即可。例如:

<p>这是一个非常长的单词:超级长单词<wbr>(这个位置可以自动折行)</p>
Nach dem Login kopieren

上面的代码将在"超级长单词"的某个位置插入一个可折行的点。

需要注意的是,<wbr>标签只在文本太长而必需折行的情况下才生效,如果文本本身就可以在当前行完整显示,该标签不会起作用。

  1. <nobr>标签

<nobr>标签可以用于禁止文本自动换行,即使文本太长而无法完全显示在一行上,该标签指定的部分也不会被强制折行到下一行。该标签需要在包含文本的元素内部使用,并需要闭合。例如:

<p><nobr>这是一个非常非常长的文本,虽然超过了一行的宽度,但是却不会被自动强制折行。</nobr></p>
Nach dem Login kopieren

上面的代码将文本"这是一个非常非常长的文本,虽然超过了一行的宽度,但是却不会被自动强制折行。"从头到尾都设为不可自动折行。

需要注意的是,<nobr>标签在HTML5中已经被废弃了,不推荐使用。在样式表中可以使用white-space: nowrap;来实现禁止自动换行的效果。

除了上面介绍的三种标签,CSS样式表中还有一系列其他的样式可以用于控制文本的断行和换行效果。例如:

  • word-break:用于控制单词断行的方式;
  • line-break:用于控制行内元素换行的方式;
  • white-space
    1. <br>Tag
<br>Das Tag ermöglicht Text Beginnen Sie hier eine neue Zeile und zeigen Sie sie an. Das Tag muss nicht geschlossen werden. Es kann direkt als <br> geschrieben werden. Zum Beispiel:

rrreee

Der obige Code fügt ein Zeilenumbruchzeichen zwischen „Dies ist die erste Zeile“ und „Dies ist die zweite Zeile“ ein. #🎜🎜#
  1. <wbr>Tag #🎜🎜#
#🎜🎜#<wbr> Beschriftungen können verwendet werden, um Punkte innerhalb eines Wortes anzugeben, die umgebrochen werden können, d. h. eine bestimmte Position innerhalb eines bestimmten Wortes kann automatisch umgebrochen werden, ein Zeilenumbruch wird jedoch nicht erzwungen. Auch dieses Tag muss nicht geschlossen werden, schreiben Sie es einfach direkt als <wbr>. Zum Beispiel: #🎜🎜#rrreee#🎜🎜#Der obige Code fügt irgendwo im „super langen Wort“ einen umbrechbaren Punkt ein. #🎜🎜##🎜🎜#Es ist zu beachten, dass das <wbr>-Tag nur dann wirksam wird, wenn der Text zu lang ist und umbrochen werden muss, wenn der Text selbst vollständig auf dem angezeigt werden kann In der aktuellen Zeile funktioniert das Tag nicht. #🎜🎜#
  1. <nobr>Tag#🎜🎜#
#🎜🎜#<nobr> Mithilfe von Beschriftungen kann der automatische Textumbruch deaktiviert werden. Auch wenn der Text zu lang ist, um vollständig in eine Zeile zu passen, wird der durch die Beschriftung angegebene Teil nicht in die nächste Zeile umgebrochen. Dieses Tag muss innerhalb eines Elements verwendet werden, das Text enthält, und muss geschlossen werden. Beispiel: #🎜🎜#rrreee#🎜🎜#Der obige Code setzt den Text „Dies ist ein sehr, sehr langer Text. Obwohl er die Breite einer Zeile überschreitet, wird er nicht automatisch von Anfang an umgebrochen.“ Ende. Eine automatische Verpackung ist nicht möglich. #🎜🎜##🎜🎜#Es ist zu beachten, dass das Tag <nobr> in HTML5 aufgegeben wurde und nicht empfohlen wird. Sie können white-space: nowrap; im Stylesheet verwenden, um den automatischen Zeilenumbruch zu deaktivieren. #🎜🎜##🎜🎜#Zusätzlich zu den drei oben vorgestellten Tags gibt es im CSS-Stylesheet eine Reihe weiterer Stile, mit denen sich die Zeilenumbruch- und Zeilenumbrucheffekte von Text steuern lassen. Zum Beispiel: #🎜🎜#
  • Wortumbruch: wird verwendet, um die Art und Weise zu steuern, wie Wortzeilenumbrüche vorgenommen werden; #🎜🎜#
  • Zeilenumbruch : Wird verwendet, um die Art und Weise zu steuern, wie Inline-Elemente umbrochen werden. #🎜🎜#
  • white-space: Wird verwendet, um die Anzeige und Verarbeitung von Leerzeichen zu steuern. #🎜🎜##🎜🎜##🎜🎜#Kurz gesagt, in HTML kann uns die Beherrschung der Verwendung dieser geschützten Tags und Stylesheets dabei helfen, den Satz und das Layout von Webseitentexten besser zu kontrollieren. #🎜🎜#

Das obige ist der detaillierte Inhalt vonWas ist das Tag, das nicht in HTML umbrochen wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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