header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Studio 에디터: 스택 정보

2 분
페이지 메뉴
  • 스택 방향 선택하기
  • 드래그-앤-드롭으로 간격 설정하기
  • 필요에 맞게 스택 디자인하기
스택은 세로 또는 가로 순서로 요소를 "포괄"하는 플렉스박스 컨테이너입니다. 요소를 스택해 모든 화면 크기에서 멋지게 보이도록 하고 작은 화면에서 겹치는 부분 및 큰 화면에서의 여백을 방지하세요. 

스택 방향 선택하기

스택에 요소를 배치할 때에는 가로 또는 세로 방향을 선택할 수 있습니다. 이는 요소를 세로 또는 가로 순서로 표시할지 여부에 따라 다릅니다. 
어느 쪽이든, 언제든지 방향을 변경할 수 있습니다. 이렇게 하면 요소가 올바른 순서로 자동으로 재정렬됩니다. 
세로로 변경된 가로 스택의 예, 요소가 이제 세로 순서로 정렬됩니다.

드래그-앤-드롭으로 간격 설정하기

드래그-앤-드롭 기능을 사용해 스택의 요소 사이 간격을 그 어느 때보다 쉽게 설정할 수 있습니다.
스택 아이템 사이의 간격을 끌어 여백을 늘리는 스크린샷
여백을 음수로 정의해 요소를 의도적으로 겹치게 할 수도 있습니다. 
스택 여백을 반대 방향으로 끌어 이미지와 텍스트가 겹치게 만드는 스크린샷

필요에 맞게 스택 디자인하기

스택 컨테이너는 기본적으로 투명하지만, 필요에 따라 속성 패널에서 디자인할 수 있습니다. 스택을 돋보이게 만들기 위해 배경 색상, 테두리, 음영을 추가하세요.
속성 패널과 디자인 옵션을 보여주는 캔버스에서 선택한 스택의 스크린샷