🈚 세로쓰기 레이아웃 가이드 | 행 폭을 얼마로 할까?

글자 크기 (px)

글자 폭 (em 대비 — 전각은 1)

한 행에 들어갈 글자 수

자

행간 (line-height 배수)

행 수

행

컨테이너 높이 (px, 선택 — 역산용)

붙여 쓸 CSS

계산 상세

항목	값

writing-mode: vertical-rl 에서는 한 행이 위에서 아래로 흐르므로 행 길이가 블록의 세로 높이가 되고, 행이 쌓이는 방향이 가로 폭이 됩니다. 그래서 행 길이 = 한 행 글자 수 × 글자 폭 × 글자 크기, 블록 가로 폭 = 행 수 × 글자 크기 × 행간입니다. 세로조판의 행 폭·자간에는 공인 기준이 없어 모든 값을 입력으로 받고, 문법만 생성합니다(2026년 10월 기준).

세로쓰기 레이아웃 행폭 가이드 사용법

세로쓰기를 CSS 로 짜면 가로 조판의 감각이 통하지 않습니다. 행 길이가 높이가 되고 행이 쌓이는 방향이 폭이 되기 때문에, 치수를 머리로 바꿔 넣다가 틀립니다. 이 도구는 글자 크기·글자 폭·한 행 글자 수·행간·행 수를 받아 블록의 가로 폭과 세로 높이를 계산하고 writing-mode CSS 를 만들어 줍니다.

식은 두 개입니다. 행 길이 = 한 행 글자 수 × 글자 폭 × 글자 크기 이고 이것이 블록의 세로 높이입니다. 블록 가로 폭 = 행 수 × 글자 크기 × 행간 입니다. 컨테이너 높이를 함께 넣으면 그 높이에 몇 자가 들어가는지 역산해 입력한 한 행 글자 수와 비교합니다. 2026년 10월 기준입니다.

세로조판의 행 폭·자간에는 공인 기준이 없습니다. 그래서 권장값을 제시하지 않고 입력값으로만 계산합니다. 또 이 도구는 문자별 글리프 폭 차이, 금칙 처리, 루비 주석, 괄호·따옴표의 세로 전용 글리프는 다루지 않습니다. 생성 코드에는 writing-mode·text-orientation·text-combine-upright 문법만 담았으니 실제 조판은 브라우저에서 확인하세요.

자주 묻는 질문

세로쓰기 행 폭은 얼마가 표준인가요?

표준이 없습니다. 세로조판의 행 폭과 자간은 판형·조판 전통·서체에 따라 달라 공인된 수치가 없기 때문입니다. 그래서 이 도구는 권장값을 내놓지 않고 입력한 값으로 치수와 CSS 문법만 만듭니다.

왜 행 길이가 블록의 높이가 되나요?

writing-mode: vertical-rl 에서는 한 행이 위에서 아래로 흐르기 때문입니다. 그래서 한 행의 길이가 블록의 세로 높이가 되고, 행이 오른쪽에서 왼쪽으로 쌓이는 방향이 가로 폭이 됩니다.

숫자나 라틴 문자는 어떻게 처리하나요?

기본값인 text-orientation: mixed 는 라틴 문자를 눕혀 세로 흐름에 맞춥니다. 두 자리 숫자를 한 칸에 가로로 나란히 묶는 관행은 text-combine-upright: all 로 처리하며, 생성 코드에 함께 넣어 두었습니다.

🈚세로쓰기 레이아웃 행폭 가이드

붙여 쓸 CSS

계산 상세

관련된 도구

텍스트 세로쓰기 변환기

본문 한 줄 글자수·문단 폭 계산기

세로쓰기 레이아웃 행폭 가이드 사용법

자주 묻는 질문

붙여 쓸 CSS

계산 상세

관련된 도구

텍스트 세로쓰기 변환기

본문 한 줄 글자수·문단 폭 계산기

세로쓰기 레이아웃 행폭 가이드 사용법

자주 묻는 질문

같은 카테고리 도구