Alinhamento de texto nativo do markdown

183

Faz markdownsuporte nativo texto-alinhamento sem uso html+ css?

gordura
fonte
3
Para o GitHub Flavored Markdown , <p align=center>funciona. ( desta resposta abaixo )
Ulysse BN

Respostas:

159

markdown nativo não suporta alinhamento de texto semhtml+css.

Calum
fonte
65
Portanto embrulhar o texto no <p style="text-align: center;">e </p>que deve funcionar em qualquer remarcação
SDJMcHattie
15
Usuários do Github: os estilos inline não funcionam no github e não são incluídos como recursos estendidos do Github Flavored Markdown. Isso é tudo que o github suporta desde janeiro de 2017 . Existem muitos testadores de descontos on-line que afirmam estar em conformidade com o GFM e mostram coisas como estilos inline funcionando, mas o github markdown [praticamente] * não suporta HTML / CSS no momento. * <br>funciona para que possa haver algumas tags ocultas que funcionem.
Govind Rai
16
Usuários do Github: em 8/6/2017 , a resposta de Diego Vinícius abaixo centraliza com êxito o texto nos arquivos de remarcação. Apenas envolva seu texto em uma ptag com alignset center, da seguinte forma:<p align="center">centered text</p>
Kröw 8/17/17
2
BTW, qual seria melhor usar, <div>ou <p>? A pé um parágrafo, então talvez divseja uma alternativa mais neutra e melhor?
VasiliNovikov
2
@SDJMcHattie Isso não funciona ao converter .md para .pdf.
Marc Le Bihan
85

Para centralizar o texto nos arquivos md, você pode usar a tag central, como a tag html:

<center>Centered text</center>
Erwann Blancart
fonte
10
Este método está obsoleto em html 5.
1
Este método funciona em blocos Squarespace Markdown, a partir de 15 de agosto de 2018.
ikjadoon
22

Eu sabia que isso não é remarcação, mas <p align="center">funcionou para mim; portanto, se alguém descobrir a sintaxe da remarcação, ficarei feliz em usá-la. Até lá, usarei a tag HTML.

Diego Vinícius
fonte
1
a alinhar atributo foi reprovado desde o HTML 4 e obsoleta, pois HTML 5.
Jindrich Vavruska
5
Enquanto as respostas acima não funcionaram, esse método centralizou com êxito algum texto para mim no github .
Kröw 8/06/19
1
Apenas testado no github: funciona para texto, não funciona para imagens.
xtian
1
Se html tag funciona, você não pode alinhar com com p tag o simples alinhar, dar uma chance com <div class = "margin: 0 auto;"> com você imagem dentro do div
Diego Vinícius
16

É hacky, mas se você estiver usando GFM ou alguma outra sintaxe de MD que suporte a construção de tabelas com pipes, poderá usar os recursos de alinhamento de colunas:

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

Isso funciona em marcado.

mdarens
fonte
1
Como alguém contornaria isso para solicitar um título? Se eu usar um "#" simples dentro do "|" parece literalmente.
Nilon 07/08/19
Isso parece funcionar apenas para texto. Estou tentando centralizar uma imagem.
Vince
10

No Github, você precisa escrever:

<p align="justify">
  Lorem ipsum
</p>
Oleg Pro
fonte
Eu gosto de iniciar arquivos README.md mais longos com uma listagem "Índice". Eu coloquei isso no final de cada seção em leitores de casos quero pop volta-se ao índice <p align="right">[Index](#index)</p>Funciona muito bem :)
Mr. Kennedy
1
Esta solução funciona, mas alguns estilos, como texto em itálico, são perdidos.
JavDomGom
8

O elemento div possui seu próprio atributo de alinhamento, align .

<div align="center">
  my text here.
</div>
cbilliau
fonte
1
Melhor solução. Podemos usar "justificar" no lugar de "centro". Aplica-se a tudo dentro da div sem distorcer nada.
impopularGuy
4

Para o Markdown Extra, você pode usar atributos personalizados:

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

Isso funciona para cabeçalhos e citações de bloco, mas não para parágrafos, elementos embutidos e blocos de código.

Uma versão mais curta (mas não suportada no HTML 5):

# Example text {align=center}

fonte
@AlmostPitt Como mencionado, é um recurso específico do Markdown Extra, não é provável que funcione em outro lugar.
2

Para marcação python com extensão attr_list, a sintaxe é um pouco diferente:

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

Exemplo:

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

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

Eu estava tentando centralizar uma imagem e nenhuma das técnicas sugeridas nas respostas aqui funcionou. Um HTML regular <img>com CSS embutido funcionou para mim ...

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

Isto é para um blog Jekyll hospedado no GitHub

Vince
fonte
-2

Achei bastante útil usar a sintaxe do látex nas células dos notebooks jupyter, como:

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

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

Para alinhar o centro, coloque o texto que você deseja centralizar com as setas ( -> <-) da seguinte forma:

-> This is center aligned <-
shailesh
fonte
3
Estou testando esta opção em alguns Markdown online. Você pode adicionar um URL ou nos dizer em que Markdown esta frase funciona?
equiman
Isso funciona no Discount ( pell.portland.or.us/~orc/Code/discount ), uma implementação em C da remarcação original.
Calum
E também no RDiscount sua rubyimplementação. Obrigado!
Jibiel
Você precisa adicionar este plug-in para que este funcione: npmjs.com/package/markdown-it-center-text
Lukas Liesis
Não funciona no Notepad ++ (
marcação