[실습] 3x1 위젯 배치하기

여러 개의 위젯을 추가하고, 이동하여, 한 줄에 이미지 위젯 3개를 3열로 배치할 수 있습니다. 여러 항목을 가로로 나열하여 표시할 때 유용한 레이아웃입니다.

실습진행

  1. 디자인 모드에 접속합니다. 접속방법
  2. 이미지 위젯 3개를 추가합니다. 위젯 추가방법

  3. 둘째 줄 이미지 위젯을 마우스로 클릭합니다.
  4. 마우스 클릭을 유지한 채로 첫째 줄 이미지 위젯의 오른쪽으로 드래그합니다. 검은 줄이 표시되면, 마우스를 놓아줍니다.

  5. 남은 이미지 위젯을 클릭해 2열 배치된 이미지 위젯의 오른쪽에 배치합니다.

  6. 한 줄에 이미지 위젯이 3열로 배치됩니다. 디자인 기획 및 콘셉트에 따라 그리드 수를 조절합니다. 이미지 위젯이 차지하는 그리드 수에 따라 이미지의 크기는 달라질 수 있습니다.

목록으로