Im Webseitenlayout, wie z. B. im Titellayout einer Artikelliste, möchten Sie nicht, dass der Text in einer neuen Zeile angezeigt wird. Sie müssen die Anzeige des Inhalts in einer Zeile erzwingen Linie. Dies kann mit dem nobr-Tag erreicht werden.
Verbinden Sie Inhalte nicht mit
nobr-Tag-Funktionen:
Wenn Sie nicht auf das br-Zeilenumbruch-Tag stoßen, Der Inhalt wird in einer Zeile angezeigt. Wenn das br-Zeilenumbruch-Tag auftritt, wird der Inhalt nach dem Hinzufügen von br-Zeilenumbruch automatisch umbrochen.
HTML-Nobr-Content-Zeilenumbruch
Wenn eine 4-zeilige Artikeltitelliste vorhanden ist, stellen Sie die Breite auf 200 Pixel ein; die CSS-Zeilenhöhe beträgt 22 Pixel Beim 4-Spalten-Inhalt haben wir das ul-li-Listenlayout übernommen. Zwei von ihnen fügen dem Inhalt Tags hinzu, ein li fügt den Inhalt nicht hinzu und der andere li hat weniger Inhalt und die Breite kann angezeigt werden.
Vollständiger HTML-Quellcode:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>nobr标签实例</title>
<style>
ul{ border:1px solid #000; width:200px;}
li{ width:200px; line-height:22px}
</style>
</head>
<body>
<ul>
<li><nobr>第一排内容文字多加nobr标签测试内容</nobr></li>
<li><nobr>第二排内容文字多加nobr标签不能排下</nobr></li>
<li>第三排内容文字多没有加nobr标签</li>
<li>第四排 文字少能排下</li>
</ul>
</body>
</html>Das obige ist der detaillierte Inhalt vonHTML
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
