• 가이드

[실습] 1x1 위젯 배치, 정렬하기

이미지, 게시판, 갤러리와 같은 위젯은 단독으로 정렬이 불가능합니다. 이 경우 여백 위젯을 활용해 정렬할 수 있습니다. 여백 위젯을 사용하지 않는 경우 12칸 그리드에 꽉 차게 배치됩니다.

실습진행

  1. 디자인 모드에 접속합니다.
  2. 이미지 위젯여백 위젯을 추가합니다. 위젯 추가방법
  3. 여백 위젯을 이미지 위젯의 오른쪽으로 이동시킵니다. 자세한 배치방법은 아래 애니메이션과 함께 지침을 확인합니다.

    1. 여백 위젯을 마우스로 클릭합니다.
    2. 클릭을 유지한 체로 이미지 위젯의 오른쪽으로 드래그합니다.
    3. 이미지 위젯 오른쪽에 검은 줄이 표시됩니다. 이때 마우스를 놓아줍니다.
  4. 이미지 위젯 오른쪽에 여백이 생기면서 이미지 위젯은 자연스럽게 왼쪽으로 정렬됩니다.
  5. 오른쪽 정렬하려면 여백 위젯을 이미지 위젯의 반대편으로 이동시킵니다.

  6. 이미지 위젯을 가운데 배치하려면, 이미지 위젯 양쪽에 여백 위젯을 추가합니다.

이미지 키우기 또는 여백 늘리기

만약 여백을 늘리거나 줄이려면 여백이 차지하는 그리드 수를 조절합니다. 여백이 차지하는 그리드 수에 따라 이미지 위젯의 크기도 달라집니다.

참고: 여백 위젯을 활용한 위젯 정렬은 모든 위젯에 적용 가능합니다.

목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

115.6K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

297

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

1.8K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 채널, 엑심베이 공식파트너입니다.