Markdown `native` Textausrichtung


182

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


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.


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>

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.


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.


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>

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>

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}

@AlmostPitt Wie bereits erwähnt, handelt es sich um eine Markdown Extra-spezifische Funktion, die anderswo wahrscheinlich nicht funktioniert.
RedClover


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


-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}$$

-13

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

-> This is center aligned <-

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
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.