記事リストのタイトル レイアウトなどの Web ページ レイアウトでは、新しい行に表示するテキストの量に関係なく、コンテンツを強制的に 1 行に表示する必要があります。これは nobr タグを使用して実現できます。
##
html チュートリアル)
nobr タグの機能:
br 改行タグが見つからない場合は、コンテンツは 1 行で表示されます。br 改行タグが見つかった場合、コンテンツは br 改行を追加した後に自動的に折り返されます。html ノーブラ禁止コンテンツ行折り返しケース
4 行の記事タイトルリストがある場合、幅を 200px に設定し、CSS 行の高さは 22px に設定します。 4列のコンテンツでは、ul liリストレイアウトを採用し、そのうちの2つはコンテンツに完全な HTML ソース コード:
<!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>以上がHTML
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
