ホームページ >ウェブフロントエンド >htmlチュートリアル >表示:なし とはどういう意味ですか?

表示:なし とはどういう意味ですか?

hzc
hzcオリジナル
2020-06-24 15:46:4258570ブラウズ

"display:none" は、要素を非表示に設定し、ボックス モデルも生成しないことを意味し、スペースを取らない非表示の要素に一般的に使用されます。 display 属性は、要素が生成するボックスのタイプを指定します。その値が "none" の場合、要素がボックスを生成しないことを指定できます。要素を非表示にすることは、ページから要素を削除することと理解できます。

表示:なし とはどういう意味ですか?

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

display:none の意味:

display:none」は、set 要素が非表示で接続されていることを意味します。ボックス モデルは生成されず、通常はスペースを取らない非表示の要素に使用されます。

display:none」スタイルは、単語の意味に従って要素を実際に非表示にします。

display 属性は、要素が生成するボックスのタイプを指定します。その値が "none" の場合、要素が生成しないことを指定できます。箱。

表示属性を使用すると、非表示の要素はスペースを占有しません。それだけでなく、表示を none に設定すると、要素に対するユーザーの直接の操作は無効になります。

スペースを占有せずに要素を非表示にするには、「display:none」を使用します。そのため、この属性を動的に変更すると、再配置 (ページ レイアウトの変更) が発生します。これは、ページ内にあるものとして理解できます。要素を削除するのと同じで、子孫には継承されませんが、その子孫は表示されず、結局、まとめて非表示になります。

display:none の使用法を見てみましょう。

<html>
<head>
<title></title>
<style type="text/css">
    div{
		background: lightblue;
        width: 200px;
        height: 200px;
    }
    span{
        background: pink;
        display: none;
    }
</style>
</head>
<body >
    <div><span>需要隐藏的区域</span></div>
</body>
</html>

display:none 属性値が設定されている場合、効果は次の図のようになります。非表示にする必要がある領域が非表示になります。

表示:なし とはどういう意味ですか?

表示:なし とはどういう意味ですか?

推奨チュートリアル: 「HTML チュートリアル

以上が表示:なし とはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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