UI 빌더 페이지에서 구성요소 구성
열 레이아웃은 페이지의 구성요소를 UI 빌더 구성합니다. 에서 UI 빌더열 레이아웃이 사용되는 방법에 대해 알아봅니다.
열 레이아웃을 사용하면 유용하고 시각적으로 매력적인 경험 페이지를 만들 수 있습니다. 열 레이아웃은 구성요소를 보유할 수 있는 유연한 컨테이너 유형입니다. 열 레이아웃에는 너비가 같거나 다른 열이 있을 수 있습니다. 전체 열 레이아웃과 레이아웃 내의 개별 열을 구성할 수 있습니다. 예를 들어, 열 레이아웃과 레이아웃 내의 개별 열에 대해 서로 다른 테두리 너비와 색상을 설정할 수 있습니다. 열 레이아웃은 페이지에 빈 열을 UI 빌더 포함하여 공백을 만들 수 있습니다. 페이지에서 여러 열 레이아웃을 사용합니다. 예를 들어 2열 레이아웃에는 헤더와 이미지가 포함될 수 있고, 그 아래의 3열 레이아웃에는 목록 및 양식과 같은 더 많은 구성요소가 포함될 수 있습니다.
페이지 작성을 시작하기 전에 페이지의 레이아웃에 대해 생각하십시오. 달성하려는 목표와 페이지 레이아웃이 얼마나 복잡해야 하는지를 분석합니다. 이러한 질문에 따라 사용해야 하는 열 레이아웃의 유형이 결정됩니다.
의 열 레이아웃은 UI 빌더 표준 기반 CSS(Cascading Style Sheets) 규칙과 웹 레이아웃 기술(예: Flexbox, CSS 그리드 및 절대 위치 지정)을 사용합니다. 따라서 CSS에서 할 수 있는 모든 작업을 여기에서 수행할 수 있습니다. Mozilla를 방문하여 CSS에 대해 자세히 알아보세요.
주:
이전 릴리스(Utah 또는 Tokyo)에서 만든 기존 UI 빌더 페이지가 있는 경우 Vancouver 또는 Washington DC로 업그레이드하고 페이지에 열 레이아웃을 추가할 수 있습니다.