web-dev-qa-db-ja.com

Markdownマークアップで数行をインデントするにはどうすればいいですか？

数行のテキストを書きたい。各行が6列目から始まることを除いて、それらは通常の形式になっているはずです。すなわち太字などの他の書式設定を使用するので、コードブロックの書式設定ルールでこのテキストの塊をコードのように見せたくありません。

markdown
271
Meng Lu

マークダウンのネイティブ機能ではこれを実行することはできません。しかしマークダウンはインラインHTMLを許可するので、書くこと

      This will appear with six space characters in front of it

生成されます：

これは、その前に6つのスペース文字で表示されます。

ページ上でCSSを制御できる場合は、タグを使用してそれをインラインまたはCSSルールでスタイル設定することもできます。

どちらの方法でも、マークダウンはレイアウトのためのツールとしてではなく、Webの作成プロセスを単純化するためのものです。ここで正しいツールを使用してください。 Gruberのドキュメントをチェックしてください。

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

294
alegscogs

その方法の1つは、箇条書きを使用することです。これにより、複数レベルのインデントを指定できます。弾丸の点は2つの倍数のスペースを使って挿入されます。

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に追加できるようにする必要があります（マークダウンを使用している場所によって異なります）。マークダウンエリア全体のために。

63
SColvin

これは 古いスレッド ですが、これにはmarkdownのブロック引用符（ '>'）が最適であると思います。

33
ChrisV

タブ、次に+記号、次にスペース、そしてあなたのコンテンツの順にクリックします。

そう

* level one + level two tabbed

18
Pavan Katepalli

この ">"が助けになるかどうか確認してください。

Line 1
> line 2 
>> line 3
17
idnavid

次のように数学環境を使用して、段落の先頭に決められたスペースを配置します。

$\qquad$ My line of text ...

これは私のために働き、あなたのためにも働くことを願っています。

7
Marcos Lourenço

本当にタブを使わなければならず、灰色の背景色とパディングを気にしないのなら、<pre>タグが使えるかもしれません（サポートされているなら）

<pre>
This        That        And             This
That        This        And             That    
</pre>

これはこれはこれはこれはこれはそれはそれ
7
wordsmith

マークダウンでHTMLを使用できるかどうかを確認してください。多分これはあなたのためにうまくいきます：

  • リスト項目one<br/>
    字下げされたline<br/>
    <br/>
    そしてもう少し..
  • 2番目のエントリ
    • Subentry<br/>
      こんにちは！
4
webwurst

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
Arepo

硬い（壊れない）スペースを使ってください

なぜ他のマークアップ言語を使うのですか？ （私は上記のzに同意します）。
Markdownの1つの目的は、プレーンテキストエディタでもドキュメントを読みやすくすることです。

同じ結果2つのアプローチ

コード

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番目の位置
明確で読みやすいコードで5番目の位置
改行なしのスペースをもう一度使う:)

中断のないスペース（またはハードスペース）の視覚的表現は通常通常のスペース ""ですが、そのUnicode表現はU + 00A0です。
通常スペースのUnicode表現は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.

問題

テキストエディタの中には、コピーや貼り付けの操作でハードスペースを一般的なスペースに変換できるものがあるので、注意してください。

2
ePi272314

引用符付き/インデント付きの段落では、このハックはうまくいくかもしれません（レンダリングエンジンによって異なります）

| | | |
|-|-|-|
|  | _"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."_ | |
|

これは次のようにレンダリングされます。

enter image description here

2
geotheory

いい質問です、あなたは楽しい答えを見つけられないでしょう。

それほど恐ろしいフォーマットを見つける価値があるでしょう。

1
Jan Kyu Peblik

箇条書きで作業している場合は、これを試してください。

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

これは、マークダウンをスタイルするときに使用する方法です。

0
Farnam

さて、あなたの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 output

0
Bryan Butler

完全を期すために、より詳細な箇条書きのリストを次に示します。

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

入れ子になったより深いレベル：

  • 最初のレベルのアイテム - 箇条書き文字の前にスペースはありません
    • 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
Franta

別の方法は StackEdit のようなマークダウンエディタを使うことです。それはWYSIWYGエディタでhtml（またはテキスト）をマークダウンに変換します。あなたはエディタでインデント、タイトル、リストを作成することができます、そしてそれはあなたにマークダウンフォーマットで対応するテキストを示します。その後、ファイルを保存、公開、共有、またはダウンロードできます。あなたは 彼らのウェブサイト でそれにアクセスすることができます - ダウンロードは必要ありません！

0
lizasperling

いくつかのMarkdown実装は字下げのために~文字を使うようです。

0
npclaudiu

改行なしのスペースを直接で使用してください（！と同じではありません）。

（HTMLや難解なマークダウンコードを挿入することもできますが、標準的なマークダウンとの互換性がなくなるより良い理由が考えられます。）

0
c z

Gitlab.comでは、単一のenスペース（U + 2002）とそれに続く単一のemスペース（U + 2003）がきちんと機能します。

おそらく他の繰り返しまたは正確に説明されていないスペース文字の組み合わせでも十分でしょう。

0
Jan Kyu Peblik