Anki는 기본적으로 가운데 정렬로 되어 있기 때문에, 왼쪽 정렬로 바꾸고 싶다면 HTML과 CSS 코드를 수정할 수 있어야 합니다. 코드를 수정할 줄 모른다면 가운데 정렬에서 왼쪽 정렬로 바꿀 수 없습니다. 하지만 ankieditor를 사용한다면 코드를 몰라도 버튼하나면 정렬을 바꿀 수 있습니다.
ankieditor에서 바꿀 부분을 클릭하고 "글자 서식"의 정렬에서 [왼쪽]을 누르면 됩니다.
Anki 기본 서식이 가운데 정렬인 이유
Anki가 기본으로 주는 노트 유형(Basic, Basic (type in the answer), Cloze)은 스타일에
.card { text-align: center; }를 갖고 있습니다. 단어 하나와 뜻 한 줄이라는
가장 단순한 카드를 기준으로 만든 값입니다. 짧은 내용은 화면 한가운데 있는 편이
시선을 모으기 좋으니 합리적인 기본값입니다.
문제는 그 규칙이 카드 전체에 걸린다는 점입니다. 나중에 예문·발음·해설을 더해도 모든 것이 가운데 정렬로 되어 있습니다.
왼쪽 정렬을 하면 좋은 경우
기본적으로 Anki에서 제공하는 가운데 정렬을 쓰는게 좋습니다. 다만 카드의 문장이 길거나 두 줄 이상 쓰인다면 왼쪽 정렬도 좋습니다.기본적인 예시는 다음과 같습니다.
- 단어·뜻처럼 한 줄 — 가운데로 두어 카드 한가운데 크게 두는 편이 좋습니다.
- 예문·설명이 두 줄 이상 — 왼쪽으로 두는 것이 보기 편합니다.
- 목록이나 번호가 붙은 내용 — 왼쪽으로 두는 것이 좋습니다. 가운데로 두면 불릿 위치가 줄마다 어긋납니다.
- 코드·수식 — 왼쪽으로 두는 것이 좋습니다. 들여쓰기가 의미를 갖는 내용은 가운데 정렬과 맞지 않습니다.
ankieditor에서 왼쪽 정렬로 바꾸는 방법
- 미리보기에서 바꾸고 싶은 부분을 클릭해 선택합니다. 빈 곳을 클릭하면 카드 전체가 대상이 됩니다.
- 왼쪽 패널 "글자 서식"의 정렬에서 [왼쪽]을 누릅니다.
- 예문 필드만 바꾸고 싶다면 그 필드를 클릭해 선택한 뒤 같은 버튼을 누릅니다. 카드 전체는 가운데로 두고 예문만 왼쪽으로 두는 조합이 실제로 많이 쓰입니다.
- [코드 복사]로 수정된 코드를 복사해 Anki의
도구 → 노트 타입 관리 → 카드...화면에 붙여넣습니다.
실제로 만들어지는 CSS
변경되는 코드 내용에 대해 설명합니다. ankieditor를 사용한다면 해당 내용은 모르셔도 상관없습니다.
카드 전체를 바꾸면 스타일 영역의 .card 규칙이 바뀝니다.
.card { text-align: left; }
특정 필드만 바꾸면 ankieditor가 필드명을 딴 클래스를 발급하고 거기에 씁니다. 예문 필드를 왼쪽으로 바꾸면 이런 모양이 됩니다.
.card { text-align: center; }
.예문 { text-align: left; }
두 규칙은 서로 다른 요소를 가리키므로 충돌하지 않습니다. .card의 가운데
정렬은 그 안의 모든 요소로 상속되지만, 예문 필드에는 .예문 규칙이 직접 걸려
있어 상속값 대신 그 값이 쓰입니다. Anki 데스크톱·AnkiDroid·AnkiMobile 모두 카드를 웹뷰로
그리기 때문에, 이 CSS는 기본적으로 어느 환경에서든 같게 적용됩니다.
주의할 점
text-align은 아래로 상속됩니다. .card에 왼쪽을
걸면 그 안의 모든 필드가 함께 왼쪽이 됩니다. 단어만 가운데로 남기고 싶다면 그 필드를 선택해
[가운데]를 다시 지정해야 합니다.
양쪽 정렬(justify)은 권하지 않습니다. 카드 폭이 좁아 한
줄에 들어가는 단어 수가 적기 때문에, 단어 사이 간격이 줄마다 들쭉날쭉해져 가운데 정렬보다
오히려 읽기 나빠집니다.
노트 유형마다 따로 정해야 합니다. 카드 서식은 노트 유형에 속한 카드 유형에 저장되므로, 여러 노트 유형을 쓴다면 각각에 적용해야 합니다.
자주 묻는 질문
Anki에서 카드 전체를 왼쪽 정렬로 바꿀 수 있나요?
됩니다. 필드를 클릭하지 않고 전체화면에서 원하는 정렬을 선택하면 됩니다.
특정 필드만 왼쪽 정렬할 수 있나요?
있습니다. ankieditor에서 그 필드를 클릭해 선택한 뒤 [왼쪽]을 누르면 됩니다. 카드 전체는 가운데로 두고 예문만 왼쪽으로 두는 식으로 섞어 쓸 수 있습니다.
왼쪽 정렬했는데 일부 줄만 가운데로 남아 있어요.
그 부분에 별도의 정렬이 지정돼 있는 경우입니다. 해당 요소를 클릭해 선택하고 [왼쪽]을 다시 누르면 됩니다. ankieditor는 적용하려는 속성과 충돌하는 인라인 스타일을 지우고 규칙에 기록하므로, 한 번 더 누르는 것으로 정리됩니다.
글자 크기로 우선순위를 만드는 방법은 Anki 글자 크기 바꾸는 방법에, 문단이 답답해 보일 때 줄간격을 조절하는 방법은 Anki 줄간격 조절하는 방법에 정리해 두었습니다.