Markdown `native` Textausrichtung

182

Hat markdownUnterstützung nativer Text-Ausrichtung ohne Verwendung html+ css?

Fett
quelle
3
Für GitHub aromatisiert Markdown , <p align=center>arbeitet. (aus dieser Antwort unten )
Ulysse BN

Antworten:

159

Der native Markdown unterstützt keine Textausrichtung ohnehtml+css.

Calum
quelle
65
Wickeln Sie deshalb Ihren Text ein <p style="text-align: center;">und </p>das sollte in jedem Markdown
funktionieren
15
Github-Benutzer: Inline-Stile funktionieren nicht mit Github und sind nicht als erweiterte Funktionen von Github Flavored Markdown enthalten. Dies ist alles, was Github ab Januar 2017 unterstützt . Es gibt viele Online-Markdown-Tester, die angeben, dass sie GFM-konform sind und Dinge wie Inline-Stile anzeigen, aber Github-Markdown [so ziemlich] * unterstützt derzeit kein HTML / CSS. * <br>funktioniert, sodass möglicherweise einige versteckte Tags funktionieren.
Govind Rai
16
Github-Benutzer: Ab dem 08.06.2017 zentriert die folgende Antwort von Diego Vinícius erfolgreich Text in Markdown-Dateien. Wickeln Sie einfach Ihren Text in ein pTag mit dem alignSet to center, wie <p align="center">centered text</p>
folgt
2
Übrigens, was wäre besser zu verwenden, <div>oder <p>? A pist ein Absatz, also divwäre es vielleicht eine neutralere und bessere Alternative?
VasiliNovikov
2
@SDJMcHattie Dies funktioniert nicht beim Konvertieren von .md in .pdf.
Marc Le Bihan
85

Um Text in MD-Dateien zu zentrieren, können Sie das Center-Tag wie das HTML-Tag verwenden:

<center>Centered text</center>
Erwann Blancart
quelle
10
Diese Methode ist in HTML 5 veraltet.
RedClover
1
Diese Methode funktioniert auf SquareSpace Markdown-Blöcken ab dem 15. August 2018.
Ikjadoon
22

Ich wusste, dass dies kein Markdown ist, aber es <p align="center">hat für mich funktioniert. Wenn also jemand stattdessen die Markdown-Syntax herausfindet, werde ich das gerne verwenden. Bis dahin werde ich das HTML-Tag verwenden.

Diego Vinícius
quelle
1
Das Align- Attribut ist seit HTML 4 veraltet und seit HTML 5 veraltet.
Jindrich Vavruska
5
Während die obigen Antworten nicht funktionierten, zentrierte diese Methode erfolgreich einen Text für mich auf Github .
Kröw
1
Gerade auf Github getestet: Es funktioniert für Text, es funktioniert nicht für Bilder.
Xtian
1
Wenn HTML-Tags funktionieren, können Sie sich nicht mit dem p-Tag ausrichten oder einfach ausrichten. Versuchen Sie es mit <div class = "margin: 0 auto;"> mit Ihrem Bild innerhalb des div
Diego Vinícius
15

Es ist hackig, aber wenn Sie GFM oder eine andere MD-Syntax verwenden, die das Erstellen von Tabellen mit Pipes unterstützt, können Sie die Funktionen zur Spaltenausrichtung verwenden:

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

Dies funktioniert in markiert.

mdarens
quelle
1
Wie würde man das umgehen, um eine Überschrift zu beantragen? Wenn ich ein einfaches "#" im "|" es erscheint wörtlich.
Nilon
Dies scheint nur für Text zu funktionieren. Ich versuche ein Bild zu zentrieren.
Vince
10

In Github müssen Sie schreiben:

<p align="justify">
  Lorem ipsum
</p>
Oleg Pro
quelle
Ich möchte längere README.md-Dateien mit einer "Index" -Liste starten. Ich habe dies am Ende jedes Abschnitts eingefügt, falls die Leser wieder zum Index zurückkehren <p align="right">[Index](#index)</p>möchten. Funktioniert hervorragend :)
Mr. Kennedy
1
Diese Lösung funktioniert, aber einige Stile wie kursiver Text gehen verloren.
JavDomGom
8

Das div-Element hat ein eigenes Ausrichtungsattribut, align .

<div align="center">
  my text here.
</div>
cbilliau
quelle
1
Beste Lösung. Wir können "rechtfertigen" anstelle von "Zentrum" verwenden. Gilt für alles innerhalb des Div, ohne etwas zu verzerren.
impopularGuy
4

Für Markdown Extra können Sie benutzerdefinierte Attribute verwenden:

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

Dies funktioniert für Überschriften und Blockzitate, jedoch nicht für Absätze, Inline-Elemente und Codeblöcke.

Eine kürzere Version (wird jedoch in HTML 5 nicht unterstützt):

# Example text {align=center}
Rotklee
quelle
@AlmostPitt Wie bereits erwähnt, handelt es sich um eine Markdown Extra-spezifische Funktion, die anderswo wahrscheinlich nicht funktioniert.
RedClover
2

Für Python Markdown mit der Erweiterung attr_list ist die Syntax etwas anders:

{: #someid .someclass somekey='some value' }

Beispiel:

[Click here](http://exmaple.com){: .btn .btn-primary }

Lead information paragraph
{: .lead }
Janusz Skonieczny
quelle
1

Ich habe versucht, ein Bild zu zentrieren, und keine der hier in den Antworten vorgeschlagenen Techniken hat funktioniert. Ein reguläres HTML <img>mit Inline-CSS hat bei mir funktioniert ...

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

Dies ist für einen Jekyll-Blog, der auf GitHub gehostet wird

Vince
quelle
-2

Ich fand es ziemlich nützlich, die Latexsyntax für Jupyter-Notebooks zu verwenden, wie zum Beispiel:

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

$$\text{This is some centered text}$$
JackS
quelle
-13

Um die Ausrichtung zu zentrieren, umgeben Sie den Text, den Sie zentrieren möchten, wie folgt mit Pfeilen ( -> <-):

-> This is center aligned <-
Shailesh
quelle
3
Ich teste diese Option in einem Online-Markdown. Können Sie eine URL hinzufügen oder uns mitteilen, in welcher Abschrift dieser Satz funktioniert?
Equiman
Dies funktioniert in Discount ( pell.portland.or.us/~orc/Code/discount ), einer C-Implementierung des ursprünglichen Abschlags.
Calum
Und auch in RDiscount seine rubyImplementierung. Vielen Dank!
Jibiel
Sie müssen dieses Plugin hinzufügen, damit dies funktioniert: npmjs.com/package/markdown-it-center-text
Lukas Liesis
Funktioniert nicht in Notepad ++ (Python Markdown + Live HTML Plugin)
816-8055