# 줄 간격을 어떻게 바꾸나요?

# 1. 개요

옵시디언의 기본 설정에는 줄 간격 조절이 없습니다. 

대신에 `CSS snippets` 을 통해 가능합니다. 

**CSS가 뭘까요? **

마크다운이 간단한 문서 편집용 문법이라면, CSS는 더 정교하고 복잡하게 꾸미기 위한 문법으로 이해하시면 됩니다.

# 2. 설정 방법

### Step 1. CSS snippet 만들기

**[Option 1] 편집기와 미리보기 설정을 다르게**

```
/* 편집기 모드에서의 행간 조절 */
.cm-contentContainer {
    line-height: 1.5;
}

/* 미리보기 모드에서의 행간 조절 */
.markdown-preview-view {
    line-height: 1.5;
}
```

**[Option 2] 편집기와 미리보기 설정을 동일하게**

```
/* 편집기와 미리보기 모두 적용 */
.cm-contentContainer, 
.markdown-preview-view {
    line-height: 1.5; /* 행간 */
}
```

1. 메모장(Windows) 또는 텍스트 편집기(Mac OS)로 파일을 만드시고 위 코드를 입력해주세요. 

2. 하나의 파일에는 위 두 가지 코드 중 하나만 입력해 주세요. 

3. 파일 확장자는 'css'이어야합니다. 파일 이름이 `filename.css` 의 형식으로 만들어주세요. 

코드에서 다음 부분의 숫자를 통해 줄 간격을 조절하실 수 있습니다. 

`line-height: 1.5;` 

**CSS snippet 다운받기**

LIne Spacing(줄 간격)_편집기와 미리보기 모드 분리.css

LIne Spacing(줄 간격)_편집기와 미리보기 모드 병합.css

### Step 2. 옵시디언에서 CSS Snippet 활성화하기

'Step 1'에서 만든 파일을 내 옵시디언 볼트의 `snippets`  폴더에 넣고 활성해야합니다. 

가이드 순서에 따라서 해보아요. 

![Image](https://upload.cafenono.com/image/slashpagePost/20250120/154929_Blz0LU17VOUzr0TYHM?q=80&s=1280x180&t=outside&f=webp)

1. 옵시디언 볼트를 여시고 설정(톱니바퀴)에 들어가 주세요. 

2. `Appearance` 에서 드래그를 주욱 내리시면 `CSS snippets` 를 보실 수 있습니다. 

3. 우측에 폴더 모양을 클릭하시면 `snippets`  폴더가 열립니다. 앞서 만들었던 `css` 파일을 넣어주세요. 

4. 회색으로 된 토글을 활성화해 주세요.

For the site tree, see the [root Markdown](https://slashpage.com/cmds-class.md).