문서

레시피 카탈로그

전체 레시피 모음을 네이티브 펼침 영역에 담습니다.

레시피 그룹

오른쪽 플로트 해제(clear:right)

오른쪽 플로트 해제

파란색 블록은 오른쪽 플로트를 해제합니다. 텍스트는 더 높은 왼쪽 플로트를 계속 감싸며 그 상자는 파란색 배경과 겹칩니다.

양쪽 플로트 해제(clear:both)

왼쪽과 오른쪽 플로트 모두 해제

파란색 요소는 지정한 쪽의 플로트를 해제합니다. 플로트 높이가 서로 달라 왼쪽, 오른쪽, 양쪽 지정의 차이를 뚜렷하게 볼 수 있습니다.

DemoCatalog는 groups를 받습니다. 각 그룹에는 id, title, entries가 있으며 각 항목은 id, title, label, href, children을 제공합니다.

전체 장면은 네이티브 펼침 영역 안에서 서버 렌더링됩니다. 한 페이지에 여러 카탈로그를 배치할 때는 서로 다른 ID를 사용하세요. 학습 내용의 첫 번째 작동 예제는 바로 보이게 두세요.