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

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


실습진행

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

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


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


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


상호명 : 애드리빙

서울시 마포구 마포대로 63-8 삼창프라자빌딩 1539호

사업자등록번호 : 106-04-80687 조회하기

통신판매업신고번호 : 제 2015-서울용산-00950 호

T.1566-5733  F.02-6499-3299  E.so2815@naver.com

운영시간 : 평일 AM 10:00 ~ PM 18:00(공휴일 휴무)

점심시간 : AM 11:30 ~ PM 1:00

test