HTML <nobr>-Tag
Das <nobr>-Tag verhindert, dass Text in mehrere Zeilen umbricht. Es hält den Inhalt in einer einzigen Zeile. Da der Text nicht umgebrochen werden kann, kann ein horizontaler Bildlaufbalken erscheinen, wenn der Container zu schmal ist, um die gesamte Zeile anzuzeigen.
Normalerweise bricht der Browser Text automatisch in die nächste Zeile um, wenn er die Breite seines Containers überschreitet. Das <nobr>-Tag verhindert dieses automatische Zeilenumbruchverhalten.
DANGER
Das <nobr>-Element ist nicht standardisiert. Obwohl es in einigen Browsern möglicherweise noch funktioniert, wird von seiner Verwendung abgeraten, da es jederzeit entfernt werden kann. Verwenden Sie stattdessen die CSS-Eigenschaft white-space.
Syntax
Das <nobr>-Tag wird paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<nobr>) und dem schließenden (</nobr>) Tag geschrieben.
Beispiel für das HTML <nobr>-Tag:
Ein gewöhnlicher und sehr langer Text in einer Zeile | Beispiel für das HTML <nobr>-Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<nobr>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</nobr>
</body>
</html>Ergebnis
Sie können stattdessen die CSS-Eigenschaft white-space anstelle des <nobr>-Elements verwenden, um dasselbe Ergebnis zu erzielen.
Beispiel für die CSS-Eigenschaft white-space anstelle des <nobr>-Tags:
Beispiel zur Verwendung der CSS-Eigenschaft white-space mit dem HTML <nobr>-Tag | W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
p.a {
white-space: nowrap;
}
</style>
</head>
<body>
<h1>Example of using the CSS property white-space</h1>
<p class="a">
It is an ordinary and very long text that is very inconvenient to read, as it is written in one line, and you have to scroll horizontally to read it.
</p>
</body>
</html>Attribute
Das <nobr>-Tag unterstützt die Globalen Attribute und die Ereignisattribute.
So verwenden Sie globale Attribute mit dem HTML <nobr>-Tag
<nobr id="my-text" class="highlight">
This text will stay on one line and can be targeted or styled using global attributes.
</nobr>Practice
Welche Funktion hat das 'nobr'-Tag in HTML?