ホームページ > 記事 > ウェブフロントエンド > HTML5タイトルの改行を避ける方法

HTML5タイトルの改行を避ける方法

WBOYオリジナル: 2021-12-17 11:23:312904ブラウズ

html5 では、"white-space" 属性を使用して、タイトル要素を折り返さないように設定できます。この属性は、要素内の空白スペースを設定するために使用されます。属性の値が "nowrap" の場合"、テキストを折り返さないように設定できます。構文は "
" です。

HTML5タイトルの改行を避ける方法

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

html5タイトルを折り返さないようにするにはどうすればよいですか?

HTML では、スタイル属性と空白属性を使用して、タイトル要素を折り返さないように設定できます。ラップします。

style 属性は、要素のインラインスタイルを指定します。style 属性は、

white-space 属性は、要素内の空白を処理する方法を設定します。この属性は、レイアウト作成時に要素内の空白をどのように処理するかを宣言します。

属性値は nowrap です。テキストは折り返されません。テキストは
タグが見つかるまで同じ行に続きます。

例は次のとおりです:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
<h1 style="white-space:nowrap">标题怎么不换行标题怎么不换行标题怎么不换行标题怎么不换行</h1>
</body>
</html>

出力結果:

HTML5タイトルの改行を避ける方法

推奨チュートリアル: "html ビデオチュートリアル "

以上がHTML5タイトルの改行を避ける方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html5 html 样式表

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：li は HTML5 の単一タグですか?次の記事：li は HTML5 の単一タグですか?

続きを見る