ホームページ >
記事 > ウェブフロントエンド > HTML
HTMLタグ要素をラップしないように強制する
- (*-*)浩オリジナル
- 2019-10-11 16:10:483268ブラウズ
記事リストのタイトル レイアウトなどの Web ページ レイアウトでは、新しい行に表示するテキストの量に関係なく、コンテンツを強制的に 1 行に表示する必要があります。これは nobr タグを使用して実現できます。
##f44a345470ed5309298c118c07c6efacコンテンツ9c46f421c188c45fb09e606d3bbae378
コンテンツを f44a345470ed5309298c118c07c6efac で囲まないでください。 /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
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTML の太字タグと太字タグの違い次の記事：HTML の太字タグと太字タグの違い