Comment aligner à droite et justifier-aligner dans Markdown?

92

Le texte de démarque est toujours aligné à gauche. Existe-t-il un moyen de faire un alignement à droite et une justification dans Markdown?

Pour être précis, j'utilise Markdown dans Jupyter Notebook (IPython).

markdown Ébe Isaac
la source
1
AFAIK, il n'y a aucun moyen de modifier l'alignement dans Markdown (cela rendrait les compilateurs / rendus beaucoup plus complexes) - peut-être qu'il existe des outils utilisant une syntaxe étendue qui peuvent le faire, mais pour le moment, je n'en connais aucun (je pense que même pandoc ne le fera pas )
Carsten
1
Vous pouvez utiliser du CSS pour modifier l'alignement ou la sortie HTML par Markdown dans votre navigateur. Cependant, l'alignement du texte sort du cadre de Markdown lui-même.
Waylan
Si vous utilisez le format html, vous ne pourrez pas utiliser le format .md dans ce texte. La meilleure réponse est dans: stackoverflow.com/questions/49470805/... Par exemple: Bonjour, c'est mon text. {: style = "text-align: justify"}
Jose Avalos Villa

Réponses:

102

L'alignement du texte dans le démarquage natif n'est pas possible. Cependant, vous pouvez aligner le texte à l'aide de balises HTML intégrées.

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

Pour justifier, remplacez rightpar justifyci-dessus.

Nikhita Raghunath
la source
3
Cela fonctionne, mais il rompt les liens comme <div style="text-align: right"> [up](https://github.com/loretoparisi/CapsNet#CapsNet) </div>ne sera pas rendu comme un lien.
loretoparisi
3
vous pouvez utiliser le <a href="https://your-site.com">Your link</a>tag à l'intérieur 🤷‍♂️
Fyodor
Le HTML en ligne est souvent interdit par Linters. J'éviterais d'utiliser le html en ligne dans Markdown, j'ai posté ma suggestion comme réponse ici à la question.
KargWare le
24

Si vous souhaitez aligner à droite dans un formulaire, vous pouvez essayer:

| 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
la source
12

Si vous souhaitez utiliser justify align dans Jupyter Notebook, utilisez la syntaxe suivante:

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

Pour un alignement correct:

<p style='text-align: right;'> Your Text </p>
Sayali Sonawane
la source
1
Merci d'avoir montré l' justifyoption; les autres articles ne parlent que d'alignement à droite. Cette option semble également fonctionner avec la divbalise. Dommage, je n'ai pu accepter qu'une seule réponse :)
Ébe Isaac
Si vous avez besoin de justifier tout le document comme moi, ajoutez-le p { text-align: justify; }au CSS. De plus, vous pouvez également ajouter ul { text-align: justify; }des éléments de liste.
impopularGuy
3

Comme mentionné ici, le démarquage ne prend pas en charge le texte ou les blocs alignés à droite. Mais le résultat HTML le fait, via des feuilles de style en cascade ( CSS ).

Sur mon blog Jekyll, j'utilise une syntaxe qui fonctionne également dans le markdown. Pour "terminer" un bloc, utilisez deux espaces à la fin ou deux fois une nouvelle ligne.

Bien sûr, vous pouvez également ajouter une classe css avec {: .right }au lieu de {: style="text-align: right" }.

Texte à droite

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

Texte sous forme de bloc

{: style="text-align: justify" }
This text is a block
KargWare
la source
1
Peut-être avez-vous besoin de clarifier, pour les débutants, ce qu'est une classe CSS et comment l'utiliser. Et je pense que cela ne fonctionne que dans la version Kramdown de Markdown.
Santiago
2
@Santiago, vous avez raison, cela ne fonctionne que lorsque le démarque est généré au format HTML
KargWare
2

Si vous souhaitez utiliser cette réponse , j'ai découvert que lorsque vous utilisez MacDown sur MacOs, vous pouvez <div style="text-align: justify">au début du document justifier tout le texte et conserver tout le codeformatage. Peut-être que cela fonctionne aussi sur d'autres éditeurs, à essayer;)

Eradash
la source
Pour une raison quelconque, cela ne fonctionne pas pour tout le document, juste pour le paragraphe. J'utilise Typora comme éditeur sous Linux
lucian
1

Spécifique à votre utilisation d'un Jupyter Notebook: la possibilité de spécifier l'alignement des colonnes de table devrait revenir dans une prochaine version. (Les versions actuelles par défaut sont alignées à droite partout.)

Du PR # 4130 :

Autoriser les tableaux de démarques à spécifier leur alignement avec la syntaxe: -,: - :, -: tout en autorisant --- par défaut à aligner à droite.

Cela annule une modification précédente (partie de # 2534) qui a supprimé les informations d'alignement du HTML rendu sortant du moteur de rendu marqué. Pour être clair, cela ne change pas la valeur par défaut de l'alignement droit mais ramène la prise en charge de la substitution de cet alignement par colonne à l'aide de la syntaxe d'alignement de table gfm.

...

patricktokeeffe
la source
0

Dans un document Markdown générique, utilisez:

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

ou

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

Cela ne semble pas fonctionner avec Jupyter.

Giulio
la source
0

j'ai utilisé

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

et cela a fonctionné pour moi sur Google Colaboratory. Curieusement, cela ne fonctionne nulle part ailleurs?

Farhan Khan
la source