Sign In

컬럼

한 행에 2개 이상의 블록을 가로로 배치할 수 있습니다. 텍스트, 이미지, 표 등 모든 종류의 블록에 적용할 수 있습니다.

컬럼 추가

4가지 방법으로 추가할 수 있습니다.
한 블록의 핸들을 클릭한 채로, 다른 블록의 왼쪽 또는 오른쪽에 드래그 앤 드롭합니다.
빈 곳에 /컬럼 입력 후 Enter 를 누르면 컬럼 블록이 추가됩니다.
블록 왼쪽의 + 클릭 후 컬럼 을 선택합니다.
이미 만들어진 컬럼의 왼쪽, 오른쪽에 커서를 올리면 나타나는 + 를 클릭합니다.
➕
컬럼 안에 또 다른 컬럼을 추가할 수도 있습니다.
➕
드래그 앤 드롭으로 컬럼 안의 블록을 컬럼 밖으로 빼낼 수도 있습니다.

줄바꿈 설정

각 컬럼 위의 회색 바를 클릭해 반응형 줄바꿈 을 선택합니다. 없음, 자동, 전체 중 하나를 선택합니다.
없음: 창 너비가 좁아지거나 모바일 기기에서 볼 때도 줄바꿈되지 않습니다.
자동: 창과 모바일 화면의 너비에 따라, 컬럼 개수와 너비, 간격 등을 고려해 자동으로 줄바꿈됩니다.
전체: 창 너비가 좁아지거나 모바일 기기에서 볼 때 항상 모든 컬럼이 줄바꿈됩니다.

간격 조절

두 컬럼 사이의 원을 클릭한 채 왼쪽 또는 오른쪽으로 드래그 앤 드롭합니다.

너비 조절

두 컬럼 사이의 세로선을 클릭한 채 왼쪽 또는 오른쪽으로 드래그 앤 드롭합니다.
각 컬럼의 너비를 동일하게 맞추려면, 컬럼 위의 회색 바를 클릭해 열 너비를 동일하게 를 선택합니다.
➕
컬럼에 넣은 이미지들의 높이를 맞추려면?
각 컬럼의 영역을 표시하는 점선을 참고해 컬럼 너비와 이미지 높이를 조절합니다.

세로 정렬

각 컬럼 위의 회색 바를 클릭해 세로 정렬 을 선택합니다. 위 정렬, 가운데 정렬, 아래 정렬 중 하나를 선택하면 해당 컬럼에 정렬이 적용됩니다.

컬럼 내부 여백 추가

컬럼 영역 테두리에 커서를 올리면 나타나는 파란색 바를 클릭한 채 드래그합니다.
더 미세하게 조정하려면, 각 컬럼 위쪽의 회색 바를 클릭해 여백 을 선택합니다. 빈칸에 수치를 입력하면 상하좌우 모두 해당 수치만큼의 여백이 적용됩니다. 상하좌우에 각각 다르게 적용하고 싶다면, 입력칸 옆의 링크 아이콘을 클릭합니다.

제거

컬럼에서 제거하려는 블록 위쪽의 회색 바를 클릭해 삭제를 선택합니다.

활용 사례

각 이미지를 클릭하면 템플릿으로 이동합니다.

1. 멤버/기능/프로젝트 소개

2. 웹사이트 푸터

3. 프로필