HTMLの空白とは何ですか

王林
リリース: 2023-01-03 09:25:07
オリジナル
7193 人が閲覧しました

HTML では、white-space 属性は、[white-space:normal] などの要素内の空白の処理方法を指定するために使用されます。これは、空白がブラウザによって無視されることを意味します。 。空白を保持する必要がある場合は、[white-space:pre] を使用できます。

HTMLの空白とは何ですか

#この記事の動作環境: Windows10 システム、HTML 5、Thinkpad t480 コンピューター。

属性の紹介:


white-space 属性は、要素内の空白の処理方法を指定します。

属性値:


  • 通常のデフォルト。空白はブラウザによって無視されます。

  • #pre 空白スペースはブラウザによって保持されます。これは、HTML の
     タグのように動作します。 <p></p>
    </li>
    <li>nowrap テキストは折り返されません。テキストは、<br> タグが見つかるまで同じ行に続きます。 <p></p>
    </li>
    <li>pre-wrap 空白シーケンスを保持しますが、通常どおりラップします。 <p></p>
    </li>
    <li>#pre-line 空白シーケンスをマージしますが、改行は保持します。 <p></p>
    </li>
    <li>#inherit 空白属性の値を親要素から継承することを指定します。 <p></p>
    </li>
    </ul>例: <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">p{
        white-space:nowrap;
    }
    ログイン後にコピー

関連する推奨事項:

html チュートリアル

以上がHTMLの空白とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート