Wyrównanie tekstu „macierzystego”

183

Czy markdownobsługuje natywne wyrównanie tekstu bez użycia html+ css?

markdown gruby
źródło
3
Na GitHub Aromatyzowane cenowych , <p align=center>działa. (z tej odpowiedzi poniżej )
Ulysse BN

Odpowiedzi:

159

Native Markdown nie obsługuje wyrównania tekstu bez znakuhtml+css.

Calum
źródło
65
Dlatego zawiń tekst <p style="text-align: center;">i </p>który powinien działać przy każdym
przecenianiu
15
Użytkownicy Github: style wbudowane nie działają na github i nie są uwzględnione jako rozszerzone funkcje Github Flavored Markdown. To wszystko obsługuje github od stycznia 2017 r . Istnieje wiele testerów przecen online, które twierdzą, że są zgodne z GFM i pokazują, że działają takie style, jak inline style, ale przecena github [prawie] * obecnie nie obsługuje HTML / CSS. * <br>działa, więc mogą istnieć ukryte tagi, które działają.
Govind Rai,
16
Użytkownicy Github: od 6 czerwca 2017 r. Odpowiedź Diego Viníciusa z powodzeniem wyśrodkowuje tekst w plikach przecen. Po prostu zawiń tekst w ptagu z alignustawionym center, tak:<p align="center">centered text</p>
Kröw
2
BTW, który byłby lepszy w użyciu, <div>czy <p>? A pto akapit, więc może divbyłaby to bardziej neutralna i lepsza alternatywa?
VasiliNovikov
2
@SDJMcHattie To nie działa podczas konwersji .md na .pdf.
Marc Le Bihan,
85

Aby wyśrodkować tekst w plikach md, możesz użyć znacznika środkowego, takiego jak znacznik HTML:

<center>Centered text</center>
Erwann Blancart
źródło
10
Ta metoda jest przestarzała w html 5.
1
Ta metoda działa na blokach
SquareSpace
22

Wiem, że to nie jest przecena, ale <p align="center">dla mnie zadziałała, więc jeśli ktoś wymyśli składnię obniżki, chętnie jej użyję. Do tego czasu użyję tagu HTML.

Diego Vinícius
źródło
1
align atrybut została zaniechana, ponieważ HTML 4 i przestarzałego od HTML 5.
Jindrich Vavruska
5
Chociaż powyższe odpowiedzi nie zadziałały, ta metoda z powodzeniem wyśrodkowała dla mnie tekst na github .
Kröw,
1
Właśnie przetestowany na github: działa na tekst, nie działa na obrazy.
xtian
1
jeśli tagi html działają, nie możesz wyrównać z tagiem p o proste wyrównywanie, spróbuj z <div class = "margin: 0 auto;"> z tobą wewnątrz div
Diego Vinícius
16

Jest to hacky, ale jeśli używasz GFM lub innej składni MD, która obsługuje budowanie tabel z potokami, możesz użyć funkcji wyrównywania kolumn:

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

Działa to w zaznaczony.

mdarens
źródło
1
Jak można to obejść, aby ubiegać się o nagłówek? Jeśli użyję zwykłego „#” wewnątrz „|” wydaje się dosłownie.
nilon
To działa tylko na tekst. Próbuję wyśrodkować obraz.
Vince
10

W Github musisz napisać:

<p align="justify">
  Lorem ipsum
</p>
Oleg Pro
źródło
Lubię zaczynać dłuższe pliki README.md z listą „Indeks”. Umieszczam to na końcu każdej sekcji, na wypadek, gdyby czytelnicy chcieli wrócić do indeksu <p align="right">[Index](#index)</p>Działa świetnie :)
Pan Kennedy,
1
To rozwiązanie działa, ale niektóre style, takie jak kursywa, są tracone.
JavDomGom
8

Element div ma swój własny atrybut wyrównania, align .

<div align="center">
  my text here.
</div>
cbilliau
źródło
1
Najlepsze rozwiązanie Możemy użyć „justify” zamiast „center”. Dotyczy wszystkiego wewnątrz div bez zniekształcania czegokolwiek.
impopularGuy
4

W przypadku Markdown Extra możesz użyć niestandardowych atrybutów:

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

Działa to w przypadku nagłówków i cytatów blokowych, ale nie dotyczy akapitów, elementów wbudowanych i bloków kodu.

Krótsza wersja (ale nie obsługiwana w HTML 5):

# Example text {align=center}

źródło
@AlmostPitt Jak wspomniano, jest to funkcja specyficzna dla Markdown Extra, prawdopodobnie nie będzie działać gdzie indziej.
2

W przypadku python markdown z rozszerzeniem attr_list składnia jest nieco inna:

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

Przykład:

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

Lead information paragraph
{: .lead }
Janusz Skonieczny
źródło
1

Próbowałem wyśrodkować obraz i żadna z technik sugerowanych w odpowiedziach tutaj nie działała. Zwykły HTML <img>z wbudowanym CSS działał dla mnie ...

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

To jest dla blogu Jekyll hostowanego na GitHub

Vince
źródło
-2

Bardzo przydatne okazało się użycie składni lateksowej na komórkach notesów jupyter, takich jak:

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

$$\text{This is some centered text}$$
JackS
źródło
-13

Aby wyśrodkować wyrównanie, otocz tekst, który chcesz wyśrodkować, strzałkami ( -> <-) w następujący sposób: 

-> This is center aligned <-
shailesh
źródło
3
Testuję tę opcję w niektórych online Markdown. Czy możesz dodać adres URL lub powiedzieć, w którym Markdown działa to zdanie?
equiman
Działa to w Discount ( pell.portland.or.us/~orc/Code/discount ), implementacji C oryginalnego przeceny.
Calum,
A także w RDiscount jego rubyimplementację. Dzięki!
jibiel
Musisz dodać tę wtyczkę, aby działała: npmjs.com/package/markdown-it-center-text
Lukas Liesis
Nie działa w Notepad ++ (markdown python + wtyczka Live HTML)
816-8055,