하위 그리드가 CSS 그리드 컨테이너 내에서 손자를 배치할 수 있습니까?

그리드 하위 그리드: 그리드 컨테이너 내에서 손자를 배치하는 방법

CSS 그리드는 종종 그리드에 배치된 요소가 있는 구조로 묘사됩니다. 그리드 자체의 직계 자식이므로 "손자"도 그리드에 직접 배치할 수 있는 메커니즘을 제공합니다. 이는 display: subgrid 속성을 통해 달성됩니다.

Display: Subgrid 및 Grid 상속

CSS Grid Level 2 초안 사양에 따르면 display: subgrid는 그리드를 허용합니다. 항목을 선택하면 하위 그리드가 됩니다. 이 특별한 유형의 그리드 컨테이너는 자체 그리드 속성을 우회하고 대신 상위 그리드 트랙을 채택하여 상위로부터 그리드 매개변수를 상속합니다.

실용적 의미

디스플레이 포함: subgrid , 그리드 항목의 하위 항목은 상위 그리드의 선에 정렬될 수 있습니다. 이를 통해 손주가 그리드 컨테이너의 직계 자손이 아니더라도 그리드 구조 내에 위치할 수 있습니다.

제한 사항 및 구현 상태

안타깝게도 표시: subgrid 주요 브라우저에서는 아직 지원되지 않으며 한동안 지원되지 않을 수 있습니다. 그때까지는 디스플레이: 그리드 항목의 그리드 또는 디스플레이: 콘텐츠와 같은 대체 접근 방식을 해결 방법으로 탐색할 수 있습니다.

위 내용은 하위 그리드가 CSS 그리드 컨테이너 내에서 손자를 배치할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!