Heim >Web-Frontend >HTML-Tutorial >HTML
HTMLErzwingt, dass Tag-Elemente nicht umbrochen werden
- (*-*)浩Original
- 2019-10-11 16:10:483492Durchsuche
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.
f44a345470ed5309298c118c07c6efacContent9c46f421c188c45fb09e606d3bbae378
Verbinden Sie Inhalte nicht mit f44a345470ed5309298c118c07c6efac ;/nobr> (empfohlenes Lernen: HTML-Tutorial)
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