Anki에서 왼쪽 정렬하는 방법

Anki에서 왼쪽 정렬하는 방법

한 줄짜리 단어는 가운데, 두 줄을 넘는 문장은 왼쪽 — 이 기준 하나면 충분합니다. Anki 기본 서식이 카드 전체를 가운데 정렬로 두기 때문에, 예문이나 설명이 길어지는 순간 줄마다 시작 위치가 달라져 읽기가 불편해집니다. ankieditor에서 바꿀 부분을 클릭하고 "글자 서식"의 정렬에서 [왼쪽]을 누르면 됩니다.

왜 Anki 기본 서식은 가운데 정렬인가

Anki가 기본으로 주는 노트 유형(Basic, Basic (type in the answer), Cloze)은 스타일에 .card { text-align: center; }를 갖고 있습니다. 단어 하나와 뜻 한 줄이라는 가장 단순한 카드를 기준으로 만든 값입니다. 짧은 내용은 화면 한가운데 있는 편이 시선을 모으기 좋으니 합리적인 기본값입니다.

문제는 그 규칙이 카드 전체에 걸린다는 점입니다. 나중에 예문·발음·해설을 더해도 정렬은 계속 가운데로 남습니다. 카드가 자라는 동안 기본값만 그대로인 셈입니다.

언제 왼쪽으로 바꿔야 하나

기준은 단순합니다. 한 줄이면 가운데, 두 줄을 넘으면 왼쪽입니다.

  • 단어·뜻처럼 한 줄 — 가운데. 카드 한가운데 크게 두는 편이 좋습니다.
  • 예문·설명이 두 줄 이상 — 왼쪽. 이 글이 다루는 경우입니다.
  • 목록이나 번호가 붙은 내용 — 왼쪽. 가운데로 두면 불릿 위치가 줄마다 어긋납니다.
  • 코드·수식 — 왼쪽. 들여쓰기가 의미를 갖는 내용은 가운데 정렬과 맞지 않습니다.

이유는 눈이 움직이는 방식에 있습니다. 가운데 정렬은 줄마다 시작 위치가 달라서, 한 줄을 다 읽은 눈이 다음 줄의 시작점을 매번 새로 찾아야 합니다. 카드 한 장에서는 아주 작은 손해지만, 하루 수백 장을 넘기면 쌓입니다. 왼쪽 정렬은 모든 줄이 같은 위치에서 시작하므로 눈이 미끄러지듯 아래로 내려갑니다.

ankieditor에서 왼쪽 정렬로 바꾸는 방법

  1. 미리보기에서 바꾸고 싶은 부분을 클릭해 선택합니다. 빈 곳을 클릭하면 카드 전체가 대상이 됩니다.
  2. 왼쪽 패널 "글자 서식"의 정렬에서 [왼쪽]을 누릅니다.
  3. 예문 필드만 바꾸고 싶다면 그 필드를 클릭해 선택한 뒤 같은 버튼을 누릅니다. 카드 전체는 가운데로 두고 예문만 왼쪽으로 두는 조합이 실제로 많이 쓰입니다.
  4. [코드 복사]로 수정된 코드를 복사해 Anki의 도구 → 노트 타입 관리 → 카드... 화면에 붙여넣습니다.

실제로 만들어지는 CSS

카드 전체를 바꾸면 스타일 영역의 .card 규칙이 바뀝니다.

.card { text-align: left; }

특정 필드만 바꾸면 ankieditor가 필드명을 딴 클래스를 발급하고 거기에 씁니다. 예문 필드를 왼쪽으로 바꾸면 이런 모양이 됩니다.

.card { text-align: center; }
.예문 { text-align: left; }

두 규칙은 서로 다른 요소를 가리키므로 충돌하지 않습니다. .card의 가운데 정렬은 그 안의 모든 요소로 상속되지만, 예문 필드에는 .예문 규칙이 직접 걸려 있어 상속값 대신 그 값이 쓰입니다. Anki 데스크톱·AnkiDroid·AnkiMobile 모두 카드를 웹뷰로 그리기 때문에, 이 CSS는 기본적으로 어느 환경에서나 같게 적용됩니다.

주의할 점

text-align은 아래로 상속됩니다. .card에 왼쪽을 걸면 그 안의 모든 필드가 함께 왼쪽이 됩니다. 단어만 가운데로 남기고 싶다면 그 필드를 선택해 [가운데]를 다시 지정해야 합니다.

양쪽 정렬(justify)은 권하지 않습니다. 카드 폭이 좁아 한 줄에 들어가는 단어 수가 적기 때문에, 단어 사이 간격이 줄마다 들쭉날쭉해져 가운데 정렬보다 오히려 읽기 나빠집니다.

노트 유형마다 따로 정해야 합니다. 카드 서식은 노트 유형에 속한 카드 유형에 저장되므로, 여러 노트 유형을 쓴다면 각각에 적용해야 합니다.

자주 묻는 질문

Anki에서 카드 전체를 왼쪽 정렬로 바꿔도 되나요?

됩니다. 스타일의 .card에서 text-alignleft로 바꾸면 됩니다. Anki는 카드를 웹뷰로 렌더링하기 때문에 일반 CSS가 그대로 적용되고, Anki 쪽에 별도의 제한은 없습니다.

특정 필드만 왼쪽 정렬할 수 있나요?

있습니다. ankieditor에서 그 필드를 클릭해 선택한 뒤 [왼쪽]을 누르면, 필드명을 딴 클래스에 규칙이 기록됩니다. 카드 전체는 가운데로 두고 예문만 왼쪽으로 두는 식으로 섞어 쓸 수 있습니다.

왼쪽 정렬했는데 일부 줄만 가운데로 남아 있어요.

그 부분에 별도의 정렬이 지정돼 있는 경우입니다. 해당 요소를 클릭해 선택하고 [왼쪽]을 다시 누르면 됩니다. ankieditor는 적용하려는 속성과 충돌하는 인라인 스타일을 지우고 규칙에 기록하므로, 한 번 더 누르는 것으로 정리됩니다.

글자 크기로 우선순위를 만드는 방법은 Anki 글자 크기 바꾸는 방법에, 문단이 답답해 보일 때 줄간격을 조절하는 방법은 Anki 줄간격 조절하는 방법에 정리해 두었습니다.