마크 다운 마크 업에서 몇 줄을 들여 쓰는 방법?


360

몇 줄의 텍스트를 작성하고 싶습니다. 각 행이 6 번째 열에서 시작하는 것을 제외하고는 형식이 정상적으로 지정되어야합니다. 즉, 코드 블록 형식화 규칙이 굵은 체 등과 같은 다른 형식을 사용하므로이 텍스트 덩어리를 코드처럼 보이게하고 싶지 않습니다. Markdown에서 어떻게해야합니까?


12
Markdown이 이것을 지원하지 않는 것은 부끄러운 일입니다. 누락 된 기본 기능입니다.
Josh Noe

5
무엇에 대해 : ?
프로드 Akselsen

4
정의 목록에 :를 사용하는 것은 Markdown 구현에서 보편적이지 않지만 Markdown 변형이 지원하는 경우 완벽하게 작동합니다. 당신은 이것을 진정한 답으로 만들어야합니다.
Alex Dupuy

답변:


383

마크 다운의 기본 기능에는 그렇게 할 수 없습니다. 그러나 markdown은 인라인 HTML을 허용하므로 글쓰기

      This will appear with six space characters in front of it

생산할 것이다 :

      앞에 6 개의 공백 문자가 나타납니다.

페이지에서 CSS를 제어 할 수 있으면 태그를 사용하여 인라인 또는 CSS 규칙으로 태그를 지정할 수도 있습니다.

어느 쪽이든, 마크 다운은 레이아웃을위한 도구가 아니며 웹 작성 프로세스를 단순화하기위한 것이므로 필요한 기능을 수행하기 위해 기능 세트를 늘리면 자신이 올바른 도구를 다시 사용하십시오. Gruber의 문서를 확인하십시오.

http://daringfireball.net/projects/markdown/syntax#html


12
 Markdown 파일에 (Unicode : \ 2002) 를 삽입  할 수 있으며 파일을 렌더링 할 때만 소스에서와 같이 표시되지 않습니다 . 이 문자를 삽입하려면 OS에서 바로 가기 키를 사용하십시오.
vaughan

1
블록 따옴표는이를 수행하는 좋은 방법입니다 (@ChrisV의 답변 참조)
drevicko

들여 쓰기를 사용하여 텍스트를 정렬하려면 어떻게해야합니까? 예를 들어 두 줄의 두 번째 단어가 같은 장소에서 시작되기를 원합니다 (코더가 할당 연산자를 좋아하는 것처럼 =).
Royi

3
 간단하고 명확한 들여 쓰기에 좋습니다. 스타일 / 글꼴 변경 없음, 들여 쓰기 👍
Green

5
긴 텍스트로 줄 바꿈 된 줄은 들여 쓰기되지 않으므로 레이아웃에서 원하지 않을 수 있습니다. 렌더링 된 뷰의 크기를 조정하여 테스트하십시오. 또한  탭에 더 가깝습니다.
dimmech

76

이를 수행하는 한 가지 방법은 글 머리 기호를 사용하여 여러 수준의 들여 쓰기를 지정할 수 있습니다. 글 머리 기호는 별, 다른 공간 등 두 공간의 배수를 사용하여 삽입됩니다.

this is a normal line of text
  * this is the first level of bullet points, made up of <space><space>*<space>
    * this is more indented, composed of <space><space><space><space>*<space>

이 방법은 원시 텍스트를 볼 때도 의미가 있다는 큰 이점이 있습니다.

글 머리 기호 자체를 보지 않으려는 경우li {list-style-type: none;} 마크 다운 영역의 CSS에 추가 할 수 있도록 마크 다운을 사용하는 위치에 따라)해야합니다 .


5
좋은 트릭이지만 Markdown의 일부 (및 결과 HTML)에 대해 보이는 글 머리 기호 만 비활성화하고 싶지는 않습니다. 그것을 할 수있는 깨끗한 방법이 있습니까?
Meng Lu

@ MengLu 나는 같은 요구 사항이 있습니다. 이걸 전혀 알아 냈니?
lifebalance

1
허용 된 답변보다 구조적으로 훨씬 우수
irowe

마크 다운은 HTML을 받아 들일 수 있다는 것을 기억하십시오. 그것은 사양의 일부입니다. 따라서 특정 목록의 경우 HTML을 사용하여이 문제를 해결하는 것을 막을 수있는 것은 없습니다. HTML 조각에는 HTML을 사용할 수 있지만 HTML 조각에는 Markdown을 사용할 수 없습니다. <ul> <li style = "list-style-type : none;"> 모든 HTML이어야하는 들여 쓰기 된 콘텐츠 </ li> </ ul>
Hamish Willee

2
이것은 나에게 받아 들여지는 대답보다 훨씬 낫습니다. 보다 읽기 쉽고 유지 관리가 쉬운 것은 말할 것도없고 들여 쓰기 된 텍스트를보다 세밀하게 제어 할 수 있습니다.
Arepo

36

이것은 오래된 스레드 이지만 markdown의 블록 인용 부호 ( '>')가 가장 적합하다고 생각했을 것입니다.


21
지정된 양을 들여 쓸 필요가없고 블록 따옴표와 함께 사용할 수있는 다른 배경색이나 다른 스타일을 얻는 데 신경 쓰지 않아도 좋은 솔루션입니다. 궁극적으로 블록 인용 부호는 의미 적 목적을 가지고 있으며 실제로 인용 부호로 무언가를 설정하려는 경우 가장 좋습니다.
alegscogs

20
잘못된. 인용 부호 (>)는 평평한 들여 쓰기가 아니라 따옴표를 만들기위한 것입니다. 스타일이 완전히 다릅니다.
Green

25

이 ">"가 도움이되는지 확인하십시오.

Line 1
> line 2 
>> line 3

라텍스 마크 업을 사용한 주피터 노트북의 달콤한 티켓입니다
vwvan

2
위의 주석을 참조하십시오. "잘못된 블록 인용 부호 (>)는 일반 들여 쓰기가 아닌 따옴표를 작성하기위한 것입니다. 스타일이 완전히 다릅니다"
사용자가 아닌 사용자

22

탭을 누른 다음 + 기호, 공백, 내용

그래서

* level one + level two tabbed


github / bitbucket 마크 다운은 다음과 같은 들여 쓰기 규칙을 지원합니다 +:[tab][space]your-text-goes-here
roblogic

13

수학 환경을 사용하여 단락 시작 부분에 결정된 공간을 배치하는 것은 어떻습니까?

$\qquad$ My line of text ...

이것은 나를 위해 작동하고 당신도 함께 일하기를 바랍니다.


10

실제로 탭을 사용해야하고 회색 배경색과 패딩을 신경 쓰지 않으면 <pre>태그가 작동 할 수 있습니다 (지원되는 경우).

<pre>
This        That        And             This
That        This        And             That    
</pre>
이것과 이것
이것과 저것    

7

단단하지 않은 공백을 사용하십시오

왜 다른 마크 업 언어를 사용합니까? (위의 @cz에 동의합니다).
Markdown의 한 가지 목표는 일반 텍스트 편집기에서도 문서를 읽을 수있게 만드는 것입니다.

동일한 결과 두 가지 접근법

코드

Sample code
&nbsp;&nbsp;&nbsp;&nbsp;5th position in an really ugly code  
    5th position in a clear an readable code  
    Again using non-breaking spaces :)

결과

샘플 코드
    정말 추한 코드에서 5 번째 위치
    A의 5 번째 위치가 읽을 수있는 코드를 지우
    비 분리 공백을 사용하여 다시 :)

비 공백 공간 (또는 하드 공간)의 시각적 표현은 보통 일반 공간 ""이지만 유니 코드 표현은 U + 00A0입니다.
일반 공간의 유니 코드 표현은 U + 0020 (ASCII 표의 32)입니다.
따라서 시각적 표현이 동일하게 유지되는 동안 텍스트 프로세서는 다르게 동작 할 수 있습니다.

단단한 공간을 삽입하십시오

| OS        | Input method                      |
|===========| ==================================|
| macOS     | OPTION+SPACE (ALT+SPACE)          |
| Linux     | Compose Space Space or AltGr+Space|
| Windows   | Alt+0+1+6+0                       |

Some text editor use Ctrl+Shift+Space.

발행물

일부 텍스트 편집기는 복사 및 붙여 넣기 작업에서 하드 공간을 공통 공간으로 변환 할 수 있으므로주의하십시오.


OPTION + SPACE 활성화 스포트라이트 검색
wander95

기본 바로 가기를 변경 한 경우에만 사용할 수 없습니다. COMMAND-SPACE를 사용하여 스포트라이트 검색 필드가 트리거됩니다 (COMMAND 키는 Windows 키와 유사합니다).
끊김

Mac에서는 Option + Space에 대한 바로 가기가 있지만 Shift + Option + Space는 대신 잘 작동합니다.
Dag Høidahl

긴 문장을 가진 줄 바꿈은 이것으로 추악하게 보입니다.
Mike Kormendy

4

마크 다운과 함께 HTML을 사용할 수 있는지 확인하십시오. 어쩌면 이것은 당신을 위해 작동합니다 :

  • 하나의 <br/>
    들여 쓰기 된 줄 <br/>
    <br/>
    과 더 많은 항목을 나열하십시오 .
  • 두 번째 항목
    • Subentry <br/>
      안녕하세요!

6
그렇게하려면 두 줄로 줄을 끝내면됩니다.
Pietro

4

인용 / 들여진 단락의 경우이 해킹이 작동 할 수 있습니다 (렌더 엔진에 따라 다름).

| | | |
|-|-|-|
|  | _"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."_ | |
|

다음과 같이 렌더링됩니다.

여기에 이미지 설명을 입력하십시오


2

휴식 공간을 직접 사용하십시오  ( ! 와 동일하지 않음 ).

HTML 또는 난해한 마크 다운 코드를 삽입 할 수 있지만 표준 마크 다운과의 호환성을 깨뜨리는 더 좋은 이유를 생각할 수 있습니다.


2

SColvin의 답변 (제공 된 컨트롤에 대해 허용되는 답변보다 훨씬 선호)에 대한 응답으로 MengLu 및 @lifebalance의 질문에 대답하기 위해 디스플레이를 none으로 설정할 때 목록의 부모 요소를 대상으로 지정할 수있는 것처럼 보입니다. 필요한 경우 주변 요소. 따라서 목차에 대해이 작업을 수행한다고 가정하면 SColvin의 답변을 확장 할 수 있습니다.

HTML

<nav class="table-of-contents">
  this is a normal line of text
  * this is the first level of bullet points, made up of <space><space>*<space>
    * this is more indented, composed of <space><space><space><space>*<space>
</nav>

CSS

.table-of-contents ul {
  list-style-type: none;
}

2

주석에서 @AlexDupuy가 지적한 것처럼 정의 목록을 사용할 수 있습니다.

이것은 모든 마크 다운 프로세서에서 지원되는 것은 아니지만 널리 사용 가능합니다. Markdown Guide-Definition Lists

Term 1
: definition 1
: definition 2

Term 2
: definition 1
: definition 2

(html)로 렌더링 :

<dl>
    <dt>Term 1</dt>
    <dd>definition 1</dd>
    <dd>definition 2</dd>
    <dt>Term 2</dt>
    <dd>definition 1</dd>
    <dd>definition 2</dd>
</dl>

일반적으로은 DT제목과 같은 형식으로 DD렌더링되며 각각 아래에 들여 쓰기 된 텍스트로 렌더링됩니다.

제목 / 용어를 원하지 않는 경우 정의 용어 대신에 공백이 아닌 공백을 사용하십시오.

&nbsp;
: This is the text that I want indented.  All text on the same line as the preceding colon will be included in this definition.
: If you include a second definition you'll get a new line; potentially separated by a space. <br />Some inline HTML may be supported within this too, allowing you to create new lines without spaces.
: Support for other markdown syntax varies; e.g. we can add a bullet list, but each one's wrapped in a separate definition term, so the spacing may be out.
: - item 1
: - item 2
: - item 3

위의 예제를이 사이트에 복사하여 붙여 넣기하면 실제로이 작업을 볼 수 있습니다. 스택 편집 마크 다운 편집기

Stack Edit의 DL 렌더링 스크린 샷


1
& nbsp; 완벽하게 작동했습니다. 감사합니다
Kevin Mason

0

일부 마크 다운 구현 ~에서는 들여 쓰기에 문자 를 사용하는 것 같습니다 .


0

또 다른 대안은 StackEdit 과 같은 마크 다운 편집기를 사용하는 것 입니다 . WYSIWYG 편집기에서 html (또는 텍스트)을 마크 다운으로 변환합니다. 편집기에서 들여 쓰기, 제목, 목록을 만들 수 있으며 해당 텍스트를 마크 다운 형식으로 표시합니다. 그런 다음 파일을 저장, 게시, 공유 또는 다운로드 할 수 있습니다. 다운로드 할 필요없이 웹 사이트 에서 액세스 할 수 있습니다 !


0

R 코드에 약간의 HTML을 사용하여 R Markdown에서 순수한 텍스트를 생성하기 위해 다음 코드를 수행했습니다. <h3 style="text-indent: 15em;">들여 쓰기 텍스트 15 개 공간. 원래 질문의 경우 15를 6으로 변경하십시오.

## Option: Du Pont Ratio Concept - (ROE Decomposition)
### (Closed Quotes/Total Premium) = (Closed Quotes/Quotes Issued) X <br>
<h3 style="text-indent: 15em;">
 (Quotes Issued/Renewal Premium) X <br></h3>
<h3 style="text-indent: 15em;">
 (Renewal Premium/Total Premium)</h3>

결과 코드는 원하는 출력 형식을 제공합니다. Markdown 문서에 탭을 사용하고 있으며 작동 한 () 텍스트를 정렬하려고했습니다.

r 출력


0

완전성을 위해 더 깊은 글 머리 기호 목록 :

Nested deeper levels: ---- leave here an empty row * first level A item - no space in front the bullet character * second level Aa item - 1 space is enough * third level Aaa item - 5 spaces min * second level Ab item - 4 spaces possible too * first level B item

더 깊은 중첩 수준 :

  • 첫 번째 레벨 A 항목-글 머리 기호 문자 앞에 공백이 없습니다.
    • 2 단계 Aa 아이템-1 칸으로 충분
      • 3 레벨 Aaa 아이템-5 칸 이상
    • 2 층 Ab 항목-4 칸 가능
  • 첫 번째 레벨 B 항목

    Nested deeper levels:
     ...Skip a line and indent eight spaces. (as said in the editor-help, just on this page)
    * first level A item - no space in front the bullet character
     * second level Aa item - 1 space is enough
         * third level Aaa item - 5 spaces min
        * second level Ab item - 4 spaces possible too
    * first level B item
    
            And there
            could be even more
            such octets of spaces.
    

0

글 머리 기호로 작업하는 경우 다음을 시도하십시오.

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

이것이 스타일링 마크 다운시 사용하는 방법입니다.


0

gitlab.com에서 단일 en 공간 (U + 2002) 다음에 단일 em 공간 (U + 2003)이 제대로 작동합니다.

아마도 정확하게 설명되지 않은 공백 문자의 다른 반복이나 조합도 충분할 것입니다.


0

줄 바꿈하지 않는 공백으로 줄을 시작할 때의 문제 중 하나는 줄을 줄 바꿈하기에 충분히 길면 두 번째 줄에 엎질러지면 넘침 줄의 첫 번째 문자가 첫 번째 문자 아래에서 시작하는 대신 하드 왼쪽으로 시작한다는 것입니다 위의 줄의.

시스템에서 마크 다운과 HTML을 혼합 할 수있는 경우 들여 쓰기를하는 빠르고 쾌활한 방법은 다음과 같습니다.

<ul>
My indented text goes here, and it can be long and wrap if you like.
And you can have multiple lines if you want.
</ul>

의미 적으로 HTML 내에서는 의미가 없지만 (LI 항목이없는 UL 섹션), 내가 사용한 모든 브라우저는 태그 사이에 무엇이 있는지 행복하게 들여 쓰기합니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.