ホームページ >ウェブフロントエンド >フロントエンドQ&A >HTML5タイトルの改行を避ける方法
html5 では、"white-space" 属性を使用して、タイトル要素を折り返さないように設定できます。この属性は、要素内の空白スペースを設定するために使用されます。属性の値が "nowrap" の場合"、テキストを折り返さないように設定できます。構文は "
" です。 <!--标题标签名-->
このチュートリアルの動作環境: 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>
出力結果:
推奨チュートリアル: "html ビデオ チュートリアル "
以上がHTML5タイトルの改行を避ける方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。