코드지원
디자인[실습] 3x1 위젯 배치하기
여러 개의 위젯을 추가하고, 이동하여, 한 줄에 이미지 위젯 3개를 3열로 배치할 수 있습니다. 여러 항목을 가로로 나열하여 표시할 때 유용한 레이아웃입니다.
이미지 위젯 3개를 추가합니다. 위젯 추가방법
마우스 클릭을 유지한 채로 첫째 줄 이미지 위젯의 오른쪽으로 드래그합니다. 검은 줄이 표시되면, 마우스를 놓아줍니다.
남은 이미지 위젯을 클릭해 2열 배치된 이미지 위젯의 오른쪽에 배치합니다.
한 줄에 이미지 위젯이 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
여러 개의 위젯을 추가하고, 이동하여, 한 줄에 이미지 위젯 3개를 3열로 배치할 수 있습니다. 여러 항목을 가로로 나열하여 표시할 때 유용한 레이아웃입니다.
실습진행
이미지 위젯 3개를 추가합니다. 위젯 추가방법
마우스 클릭을 유지한 채로 첫째 줄 이미지 위젯의 오른쪽으로 드래그합니다. 검은 줄이 표시되면, 마우스를 놓아줍니다.
남은 이미지 위젯을 클릭해 2열 배치된 이미지 위젯의 오른쪽에 배치합니다.
한 줄에 이미지 위젯이 3열로 배치됩니다. 디자인 기획 및 콘셉트에 따라 그리드 수를 조절합니다. 이미지 위젯이 차지하는 그리드 수에 따라 이미지의 크기는 달라질 수 있습니다.