内容を変更せずに Div 要素を削除するにはどうすればよいですか?

要素を保持しながら Div を削除する

さまざまな画面サイズに合わせて要素を div 内から div の外に移動するには、次の代替手段HTML を繰り返したり、ビューポートに基づいて要素を非表示にしたりするには、 表示:コンテンツ;.

表示:コンテンツ;このような状況に最適です。これにより、要素自体を無視して、要素の子がその親の直接の子として表示されます。これは、ラッパー要素を無視する必要がある CSS グリッドやその他のレイアウト手法を使用する場合に役立ちます。

実装例:

<div class="container">
  <div class="one">
    <p>Content 1</p>
    <p>Content 3</p>
  </div>

  <p>Content 2</p>
</div>

.container {
  display: flex;
}

.one {
  display: contents;
}

.one p:first-child {
  order: 2;
}

この例では、 「one」div は、その子を「container」div の直接の子として表示するように設定されています。 order プロパティは、モバイル デバイス上で「1 つの」 div 内の段落を再配置するために利用されます。

以上が内容を変更せずに Div 要素を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。