h5 の表示属性の値には、block、inline、inline-block、none、table、flex、grid、list-item、inherit、initial などが含まれます。詳細な導入: 1. block、ブロック値を使用して要素をブロック レベルで表示します。つまり、要素は排他的な行を占有し、幅のデフォルトは親コンテナの 100% になります。2. inline、 inline 値を指定すると、要素がインラインで表示されます。つまり、要素は排他行などにはなりません。
このチュートリアルのオペレーティング システム: Windows 10 システム、DELL G3 コンピューター。
HTML5 では、display 属性は要素の表示方法を制御するために使用されます。要素がページ上でどのようにレイアウトされ、表示されるかを定義します。表示属性はさまざまな値を取ることができますが、一般的な値のいくつかを以下に紹介します。
1. block (ブロック レベルの要素): block 値を使用して要素をブロック レベルで表示します。つまり、要素は排他的な行を占有し、幅のデフォルトは親の 100% になります。容器。一般的なブロックレベル要素には、
、
2. inline (インライン要素): inline 値を使用して要素をインラインで表示します。つまり、要素は単独で 1 行を占有せず、他の要素と同じ行に表示されます。一般的なインライン要素には、、、、、 などが含まれます。
3. inline-block (インライン ブロック レベル要素): inline-block 値を使用して要素をインライン ブロック レベルで表示します。つまり、要素は同じ行に表示されます。幅や高さなどの属性を設定できます。一般的なインライン ブロック レベル要素には、、
4. none (非表示要素): 要素を非表示にするには none 値を使用します。つまり、要素はページに表示されません。この値が設定されている場合、要素はスペースを占有しません。これは、要素を動的に表示および非表示にする必要がある場合に便利です。
5. table (テーブル要素): 要素をテーブルとして表示するには、テーブル値を使用します。つまり、要素はテーブルの行と列を含むテーブルの特性を持ちます。一般的なテーブル要素には、
などが含まれます。
6. Flex (柔軟なレイアウト): 柔軟なレイアウトを使用して要素を配置するには、flex 値を使用します。柔軟なレイアウトでは、コンテナーのサイズに応じて要素のサイズと位置を自動的に調整し、柔軟なレイアウト効果を実現できます。 上記の値に加えて、表示属性は次のような他の値を取ることもできます。 - グリッド (グリッド レイアウト): グリッド値を使用して、グリッド レイアウトを使用して要素を配置します。グリッド レイアウトでは、ページが行と列に分割され、要素のレイアウトが簡単になります。 - list-item (リスト項目): list-item 値を使用して要素をリスト項目として表示します。つまり、要素の前に黒丸または番号が表示されます。 #-inherit (親要素の表示属性を継承): 親要素の表示属性を継承するには、inherit 値を使用します。#-initial (初期値): 初期値を使用して、表示プロパティを初期値にリセットします。 上記は一般的に使用される表示属性値の一部であり、表示属性を設定することで要素の表示モードを柔軟に制御し、さまざまなレイアウト効果を実現できます。 以上がh5のdisplay属性の値は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。 このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
リンクが画像全体を覆うようにするにはどうすればよいですか?
中央だけでなく、画像の上にカーソルを置いたときにも、すべての画像をリンクでカバーしたいと考えています。 .moduledata{位置:相対;幅:自動;マージン:0px!重要;最大幅...
から 2024-04-02 20:45:43
0
1
378
文字列を分割するときに特定の HTML タグを保持する
文字列を特定の数のタグ (<li>、<lu>...) で分割する必要があります。正規表現パターン =<li>|<ul>|<ol...
から 2024-03-31 18:12:42
0
1
290
関連トピック
詳細>
|