Alinhamento de texto nativo do markdown


Respostas:


159

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


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>

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.


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.


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>

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>

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}

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


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


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

-13

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

-> This is center aligned <-

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
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.