내용을 그대로 유지하면서 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;
}

이 예에서는 "1" div는 해당 하위 항목을 "컨테이너" div의 직계 하위 항목으로 표시하도록 설정되어 있습니다. 순서 속성은 모바일 장치에서 "one" div 내의 단락을 재정렬하는 데 사용됩니다.

위 내용은 내용을 그대로 유지하면서 Div 요소를 제거하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!