Markdown allineamento del testo "nativo"


Risposte:


159

il markdown nativo non supporta l'allineamento del testo senzahtml+css.


65
Quindi avvolgi il tuo testo <p style="text-align: center;">e </p>che dovrebbe funzionare in qualsiasi
markdown

15
Utenti di Github: gli stili inline non funzionano su github e non sono inclusi come funzionalità estese di Markdown aromatizzato Github. Questo è tutto supportato da github a gennaio 2017 . Ci sono molti tester di markdown online che affermano di essere conformi a GFM e mostrano cose come il funzionamento degli stili in linea, ma github markdown [praticamente] * al momento non supporta HTML / CSS. * <br>funziona quindi potrebbero esserci dei tag nascosti che funzionano.
Govind Rai,

16
Utenti di Github: a partire dal 6/8/2017 , la risposta di Diego Vinícius in basso centra con successo il testo nei file di markdown. Basta avvolgere il testo in un ptag con alignimpostato su center, in questo modo:<p align="center">centered text</p>
Kröw

2
A proposito, quale sarebbe meglio usare, <div>o <p>? A pè un paragrafo, quindi forse divsarebbe un'alternativa più neutrale e migliore?
VasiliNovikov,

2
@SDJMcHattie Non funziona quando si converte .md in .pdf.
Marc Le Bihan,

85

Per centrare il testo nei file md puoi usare il tag center come tag html:

<center>Centered text</center>

10
Questo metodo è obsoleto in HTML 5.

1
Questo metodo funziona su blocchi SquareSpace Markdown, a partire dal 15 agosto 2018.
ikjadoon

22

Sapevo che questo non è markdown, ma ha <p align="center">funzionato per me, quindi se qualcuno capisce la sintassi del markdown invece sarò felice di usarlo. Fino ad allora userò il tag HTML.


1
l' attributo align è stato deprecato da HTML 4 e obsoleto da HTML 5.
Jindrich Vavruska

5
Mentre le risposte di cui sopra non hanno funzionato, questo metodo ha centrato con successo del testo per me su github .
Kröw,

1
Appena testato su github: funziona per il testo, non funziona per le immagini.
xtian il

1
se i tag html funzionano, non puoi allinearti con p tag o un semplice allineamento, prova con <div class = "margin: 0 auto;"> con la tua immagine all'interno del div
Diego Vinícius,

16

È confuso ma se stai usando GFM o qualche altra sintassi MD che supporta la costruzione di tabelle con pipe puoi usare le funzionalità di allineamento delle colonne:

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

Questo funziona in modo marcato.


1
Come si potrebbe aggirare questo per richiedere un'intestazione? Se uso un semplice "#" all'interno di "|" sembra testualmente.
nilon,

Questo sembra funzionare solo per il testo. Sto cercando di centrare un'immagine.
Vince il

10

In Github devi scrivere:

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

Mi piace avviare file README.md più lunghi con un elenco "Indice". Lo inserisco alla fine di ogni sezione nel caso in cui i lettori vogliano tornare all'indice <p align="right">[Index](#index)</p>Funziona alla grande :)
Mr. Kennedy

1
Questa soluzione funziona, ma alcuni stili come il testo in corsivo vanno persi.
JavDomGom

8

L'elemento div ha il suo attributo di allineamento, align .

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

1
Soluzione migliore. Possiamo usare "giustificare" al posto di "centro". Si applica a tutto ciò che è all'interno del div senza distorcere nulla.
impopolare Acquista il

4

Per Markdown Extra è possibile utilizzare attributi personalizzati:

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

Funziona con intestazioni e blocchi, ma non con paragrafi, elementi incorporati e blocchi di codice.

Una versione più breve (ma non supportata in HTML 5):

# Example text {align=center}

@AlmostPitt Come accennato, è una funzionalità specifica Markdown Extra, non è probabile che funzioni altrove.


1

Stavo cercando di centrare un'immagine e nessuna delle tecniche suggerite nelle risposte qui ha funzionato. Un normale HTML <img>con CSS incorporato ha funzionato per me ...

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

Questo è per un blog Jekyll ospitato su GitHub


-2

Ho trovato abbastanza utile usare la sintassi del lattice sulle celle dei notebook jupyter, come:

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

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

-13

Per allineare al centro, circondare il testo che si desidera allineare al centro con le frecce ( -> <-) in questo modo:

-> This is center aligned <-

3
Sto testando questa opzione in alcuni Markdown online. Puoi aggiungere un URL o dirci in quale Markdown funziona questa frase?
equiman,

Funziona in Discount ( pell.portland.or.us/~orc/Code/discount ), un'implementazione in C del markdown originale.
Calum,

E anche in RDiscount la sua rubyimplementazione. Grazie!
jibiel,

Devi aggiungere questo plugin per farlo funzionare: npmjs.com/package/markdown-it-center-text
Lukas Liesis

Non funziona in Notepad ++ (markup python + plugin HTML Live)
816-8055
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.