Wyrównanie tekstu „macierzystego”


Odpowiedzi:


159

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


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>

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.


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.


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>

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>

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}

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


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


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

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

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,
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.