マークダウン「ネイティブ」テキストの配置


183

markdownのサポートネイティブテキストアライメントは、使用せずにhtml+ css


3
以下のためのGitHubの風味Markdownを<p align=center>作品。(以下のこの回答から)
Ulysse BN

回答:


159

ネイティブマークダウン html +なしのテキスト配置をサポートしていませんcss


65
そのために、あなたのテキストの回り込み<p style="text-align: center;"></p>任意の値下げで働くべきか
SDJMcHattie

15
Githubユーザー:インラインスタイルはgithubでは機能せず、Github Flavored Markdownの拡張機能として含まれていません。これは、2017年1月現在のすべてのgithubサポートです。GFMに準拠し、インラインスタイルが機能することなどを示すオンラインマークダウンテスターはたくさんいますが、現在のところgithub markdown [かなり多く] *はHTML / CSSをサポートしていません。* <br>機能するため、機能する非表示のタグがいくつかある場合があります。
Govind Rai 2017

16
Githubユーザー:20176月8日の時点で、以下のDiegoViníciusの回答により、マークダウンファイルのテキストが中央に揃えられます。次のように、に設定してpタグでテキストをaligncenter<p align="center">centered text</p>
囲む

2
ところで、どちらを使用する方が良いでしょうか、<div>それとも<p>?A pはパラグラフなので、おそらくdivより中立的でより良い代替案でしょうか?
VasiliNovikov 2017年

2
@SDJMcHattieこれは、.mdを.pdfに変換するときに機能しません。
Marc Le Bihan

85

mdファイルのテキストを中央に配置するには、htmlタグのような中央タグを使用できます。

<center>Centered text</center>

10
この方法は、HTML 5で廃止されました

1
この方法では、8月15日、2018のように、SquareSpace値下げブロック上で動作します
ikjadoon

22

私はこれがマークダウンではないことを知ってい<p align="center">ましたが、私にとってはうまくいったので、誰かがマークダウン構文を見つけたら、喜んでそれを使用します。それまでは、HTMLタグを使用します。


1
ALIGN属性は、HTML 5以降ではHTML 4と廃止されたため、廃止されました
Jindrich Vavruska

5
上記の回答は機能しませんでしたが、この方法ではgithubでテキストの中央に正しく表示されまし
Kröw

1
githubでテストしたところ、テキストでは機能しますが、画像では機能しません。
xtian 2017年

1
HTMLタグが機能する場合は、pタグまたは単純な整列で位置合わせすることはできません。<div class = "margin:0 auto;">を使用して、div内の画像を試してください
DiegoViníciusJun

16

これはハッキーですが、GFMまたはパイプを使用したテーブルの作成をサポートする他のMD構文を使用している場合は、列配置機能を使用できます。

|| <!-- empty table header -->
|:--:| <!-- table header/body separator with center formatting -->
| I'm centered! | <!-- cell gets column's alignment -->

これはマーク付きで動作します。


1
これを回避して見出しを申請するにはどうすればよいですか?「|」内でプレーンな「#」を使用する場合 それは逐語的に表示されます。
nilon 2017

これはテキストに対してのみ機能するようです。画像を中央に配置しようとしています。
ビンス

10

Githubの場合:

<p align="justify">
  Lorem ipsum
</p>

「インデックス」リストを使用して、より長いREADME.mdファイルを開始したい。私は、インデックスにバックアップポップWANNA場合の読者の各セクションの最後にこれを置く<p align="right">[Index](#index)</p>:)素晴らしい作品
ミスター・ケネディを

1
このソリューションは機能しますが、イタリックテキストなどの一部のスタイルは失われます。
JavDomGom

8

div要素には、独自の配置属性alignがあります

<div align="center">
  my text here.
</div>

1
最良のソリューション。「センター」の代わりに「ジャスティファイ」を使用できます。何も歪めずにdiv内のすべてに適用されます。
impopularGuy

4

以下のために値下げエクストラあなたは、カスタム属性を使用することができます。

# Example text {style=text-align:center}

これはヘッダーとブロッククォートでは機能しますが、段落、インライン要素、コードブロックでは機能しません。

短いバージョン(HTML 5ではサポートされていません):

# Example text {align=center}

@AlmostPitt前述のように、これはMarkdown Extra固有の機能であり、他の場所では機能しない可能性があります。


1

私は画像を中央に配置しようとしていましたが、ここでの回答で提案されている手法はどれも機能しませんでした。<img>インラインCSSを使用した通常のHTML は私のために働いた...

<img style="display: block; margin: auto;" alt="photo" src="{{ site.baseurl }}/images/image.jpg">

これは、GitHubでホストされているJekyllブログ用です


-2

私はjupyterノートブックのセルでlatex構文を使用すると非常に便利であることがわかりました:

![good-boy](https://i.imgur.com/xtoLyW2.jpg  "Good boy on boat")

$$\text{This is some centered text}$$

-13

中央揃えするには、中央揃えにしたいテキストを次の-> <-ように矢印()で囲みます。

-> This is center aligned <-

3
私はいくつかのオンラインMarkdownでこのオプションをテストしています。URLを追加したり、Markdownでこの文が機能することを教えたりできますか?
2013年

これは、元のマークダウンのC実装であるディスカウント(pell.portland.or.us/~orc/Code/discount)で機能します。
Calum 2013年

そしてまた、中RDiscountそのruby実装。ありがとう!
jibiel 2013

これを機能させるには、このプラグインを追加する必要があります:npmjs.com/package/markdown-it-center-text
Lukas Liesis

Notepad ++(python
markdown
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.