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

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

Jun 24, 2020 pm 03:46 PM
display

"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 までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

富士フイルム X-M5 の価格予想が上昇、自撮りディスプレイの流出で以前は手頃な価格だったカメララインが複雑化 富士フイルム X-M5 の価格予想が上昇、自撮りディスプレイの流出で以前は手頃な価格だったカメララインが複雑化 Sep 07, 2024 am 09:34 AM

富士フイルムのファンは最近、X-T50 の登場に非常に興奮していました。X-T50 は、1,000 ドル以下の APS-C カテゴリーで非常に人気となっていた低価格志向の富士フイルム X-T30 II の再発売を提示したからです。残念ながら、富士フイルム X-T50 の発売に伴い

Apple Studio Display の電源コードは取り外し可能ですが、特別な工具が必要です Apple Studio Display の電源コードは取り外し可能ですが、特別な工具が必要です May 17, 2023 pm 03:05 PM

Apple Studio Display は現在、店舗で正式に販売されており、世界中の多くのお客様が製品を購入しています。 ProDisplayXDR とは異なり、StudioDisplay には取り外しできないように見える独自の電源コネクタがあります。ケーブルは取り外し可能であることがわかりましたが、取り外すには特別なツールが必要です。 Apple は Web サイトで、Studio Display の電源コードは取り外し可能ではないと述べており、多くのユーザーもそう考えています。というのは、ケーブルを手で外すのは不可能に思えますが、幸いなことにケーブルはモニターから取り外すことができます。 , Appleは、新しいStudioDisplから情報を抽出するための特別なツールを持っています。

比較: Apple Studio Display と Samsung Smart Monitor M8 比較: Apple Studio Display と Samsung Smart Monitor M8 May 11, 2023 pm 10:46 PM

Samsung Smart Display M8 と Apple Studio Display: デザインとサイズ 発売以来、Apple Studio Display は、比較的シンプルな L 字型スタンドに比較的薄いパネルを搭載した iMac と比較されてきました。これはよく知られ、愛されている美学であり、サムスンはプレゼンテーションにそれを借用したようです。 Samsung SmartMonitor M8 は、非常によく似たスタンド上の薄型スクリーンという同じアイデアを使用しています。左下隅の小さな部分が少し突き出ていることや、Samsungのあごが非常に薄いなど、いくつかの細かい要素が異なりますが、基本的なデザインの点では近いようです。サムスンは24インチiMacから多くのインスピレーションを得たようだ。 AppleのディスプレイはSamsungのものより小さい

サムスン:E Ink テクノロジーをベースにした新しい大型ディスプレイは色を表示し、ワイヤレスで通信します サムスン:E Ink テクノロジーをベースにした新しい大型ディスプレイは色を表示し、ワイヤレスで通信します Jun 19, 2024 pm 03:37 PM

私たちは、電子書籍リーダーなど、電子インクを搭載したディスプレイをベースにしたデバイスについて頻繁にレポートしています。この技術には多くの利点があります。バックライトなしで明るい環境でも読み取ることができ、光がない状態でスイッチングするときのみ電力が必要です。

比較: Apple Studio ディスプレイと LG UltraFine 5K ディスプレイ: どちらが優れていますか? 比較: Apple Studio ディスプレイと LG UltraFine 5K ディスプレイ: どちらが優れていますか? Apr 16, 2023 pm 08:25 PM

StudioDisplay と LG UltraFine5KDisplay は市場で同様の地位を占めていますが、Apple のモニターの方が 300 ドル高価です。これらのモニターの比較について知っておくべきことはすべてここにあります。テクノロジーの世界では6年というのは長い期間であり、Appleが5,000ドル以下のブランドモニターを販売して以来の期間でもある。この間、Apple は LG と提携して、Mac ユーザーに特化した LG UltraFine シリーズを販売しました。 2019 年、Apple はこれらの LG モニターの販売を中止し、手頃な価格の Mac 対応ディスプレイである ProDisplayXDR を採用しました。

Boot Camp が Apple Studio Display をサポートするように更新されました Boot Camp が Apple Studio Display をサポートするように更新されました May 20, 2023 pm 11:34 PM

Mac 上で Windows を実行している IntelMac ユーザーは、Apple の StudioDisplay をサポートするために BootCamp でドライバーを更新できるようになりました。 Apple は BootCamp を定期的に更新して、新しいハードウェアのサポートや一般的な互換性とパフォーマンスの向上を導入しています。 3 月のソフトウェア アップデートで、Apple は BootCamp が新しい StudioDisplay と連携できるようにしました。 BootCamp をバージョン 6.1.17 にするアップデートでは、2 つの主要なサポート要素が導入されています。まず、StudioDisplay との互換性が追加され、

それが何を意味するのかを表示する それが何を意味するのかを表示する Oct 26, 2023 am 11:50 AM

ディスプレイとは通常、何らかの方法でデータ、情報、結果をユーザーに表示するか、画面やその他のデバイスに出力する操作または機能を指します。具体的な意味: 1. コマンド ライン インターフェイス (CLI) では、表示とは、ユーザーが表示または分析できるように、テキスト、テーブル、またはその他の形式でデータを端末ウィンドウに出力することを指す場合があります; 2. グラフィカル ユーザー インターフェイス (GUI) では、表示ユーザーの対話やブラウジングなどのために、アプリケーション ウィンドウまたはインターフェイス上に画像、テキスト、グラフ、その他のコンテンツを表示することを指す場合があります。

Apple Studio Display は Windows 上で動作しますが、いくつかの制限があります Apple Studio Display は Windows 上で動作しますが、いくつかの制限があります Apr 14, 2023 pm 03:49 PM

Appleは今週、カメラ、マイク、スピーカーを組み合わせた27インチ5Kパネルを備えたStudio Displayを発表し、ユーザーがディスプレイをMacに接続すると連携して動作する。窓はどこにありますか?何らかの理由で Apple の 1,599 ドルのモニターを Windows PC で使用する必要がある場合は、使用できますが、いくつかの制限があります。 Thunderbolt 接続 (すべての PC でサポートされているわけではありません) 経由で Wi​​ndows PC に接続すると、StudioDisplay は通常のモニターとして認識されます。ただし、Windows で使用するためにこれらのいずれかを購入する場合は、次のことを覚えておいてください。

See all articles