Como alinhar à direita e justificar o alinhamento no Markdown?

95

O texto da marcação é sempre alinhado à esquerda. Existe uma maneira de alinhar à direita e justificar no Markdown?

Para ser mais preciso, estou usando Markdown no Jupyter Notebook (IPython).

Ébe Isaac
fonte
1
AFAIK não há como mudar o alinhamento no Markdown (tornaria os compiladores / renderizadores muito mais complexos) - talvez existam algumas ferramentas usando sintaxe estendida que podem fazer isso, mas no momento eu não conheço nenhuma (acho que nem mesmo o pandoc servirá )
Carsten
1
Você pode usar algum CSS para alterar o alinhamento ou a saída HTML por Markdown em seu navegador. No entanto, o alinhamento do texto está fora do escopo do próprio Markdown.
Waylan
Se você usar o formato html, não será possível usar o formato .md dentro desse texto. A melhor resposta é: stackoverflow.com/questions/49470805/… Por exemplo: Hello, this is my text. {: style = "text-align: justify"}
Jose Avalos Villa

Respostas:

105

Não é possível alinhar o texto na marcação nativa . No entanto, você pode alinhar o texto usando tags HTML embutidas.

<div style="text-align: right"> your-text-here </div>

Para justificar, substitua rightpor justifyacima.

Nikhita Raghunath
fonte
3
Funciona, mas quebra links como <div style="text-align: right"> [up](https://github.com/loretoparisi/CapsNet#CapsNet) </div>se não fosse renderizado como um link.
Loretoparisi
3
você pode usar a <a href="https://your-site.com">Your link</a>tag dentro de 🤷‍♂️
Fyodor
HTML embutido geralmente é proibido pela Linters. Eu evitaria usar html inline no markdown, postei minha sugestão como resposta aqui à pergunta.
KargWare
24

Se você deseja alinhar à direita em um formulário, pode tentar:

| Option | Description |
| ------:| -----------:|
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |

https://learn.getgrav.org/content/markdown#right-aligned-text

Windsooon
fonte
12

Se você deseja usar justify align no Jupyter Notebook, use a seguinte sintaxe:

<p style='text-align: justify;'> Your Text </p>

Para alinhamento correto:

<p style='text-align: right;'> Your Text </p>
Sayali Sonawane
fonte
1
Obrigado por mostrar a justifyopção; as outras postagens falam apenas sobre alinhamento à direita. Esta opção parece funcionar bem com a divtag também. Que pena que só pude aceitar uma resposta :)
Ébe Isaac
Se você precisa justificar o documento inteiro como eu, adicione p { text-align: justify; }ao CSS. Além disso, você também pode adicionar ul { text-align: justify; }elementos de lista.
impopularGuy
3

Conforme mencionado aqui, o markdown não suporta texto ou blocos alinhados à direita. Mas o resultado HTML faz isso, por meio de Cascading Style Sheets ( CSS ).

No meu blog Jekyll é usar uma sintaxe que funciona em markdown também. Para "terminar" um bloco, use dois espaços no final ou duas vezes a nova linha.

Claro que você também pode adicionar uma classe css com em {: .right }vez de {: style="text-align: right" }.

Texto para a direita

{: style="text-align: right" }
This text is on the right

Texto como bloco

{: style="text-align: justify" }
This text is a block
KargWare
fonte
1
Talvez você precise esclarecer, para iniciantes, o que é uma classe CSS e como usá-la. E eu acho que isso só funciona na versão Kramdown do Markdown.
Santiago
2
@Santiago, você está certo, funciona apenas quando o markdown é gerado como HTML
KargWare
2

Se quiser usar esta resposta , descobri que quando você está usando MacDown em MacOs, você pode <div style="text-align: justify">no início do documento justificar todo o texto e manter toda a codeformatação. Talvez funcione em outros editores também, para você tentar;)

Eradash
fonte
Por algum motivo, isso não funciona para todo o documento, apenas o parágrafo. Eu uso o Typora como editor no Linux
lucian
1

Específico para o uso de um Notebook Jupyter: a capacidade de especificar o alinhamento da coluna da tabela deve retornar em uma versão futura. (Versões atuais padrão alinhadas à direita em todos os lugares).

De PR # 4130 :

Permitir que as tabelas de redução especifiquem seu alinhamento com a: -,: - :, -: sintaxe enquanto ainda permite --- o padrão para o alinhamento correto.

Isso reverte uma alteração anterior (parte de # 2534) que retirou as informações de alinhamento do HTML renderizado que saía do renderizador marcado. Para ficar claro, isso não altera o padrão de alinhamento correto, mas traz de volta o suporte para substituir esse alinhamento por coluna usando a sintaxe de alinhamento de tabela gfm.

...

patricktokeeffe
fonte
1

Em um documento Markdown genérico, use:

<style>body {text-align: right}</style>

ou

<style>body {text-align: justify}</style>

Porém, não parece funcionar com o Jupyter.

Giulio
fonte
1
Esta resposta é muito melhor do que a mais votada. A solução sugerida funciona bem com marcação MD. Todo mundo continua sugerindo o uso da sintaxe HTML, o que vai contra o propósito do MD.
Uzair
0

eu usei

<p align='right'>Farhan Khan</p>

e funcionou para mim no Google Colaboratory. Curiosamente, ele não funciona em nenhum outro lugar?

Farhan Khan
fonte