Alignement du texte Markdown `natif`


Réponses:


159

Le markdown natif ne prend pas en charge l'alignement du texte sanshtml+css.


65
Par conséquent, enveloppez votre texte <p style="text-align: center;">et </p>qui devrait fonctionner dans n'importe quelle démarque
SDJMcHattie

15
Utilisateurs de Github: les styles en ligne ne fonctionnent pas sur github et ne sont pas inclus en tant que fonctionnalités étendues de Github Flavored Markdown. C'est tout ce que github prend en charge à partir de janvier 2017 . Il existe de nombreux testeurs de démarques en ligne qui disent être conformes à GFM et montrent des choses comme les styles en ligne fonctionnant, mais github markdown [à peu près] * ne supporte pas HTML / CSS pour le moment. * <br>fonctionne donc il peut y avoir des balises cachées qui fonctionnent.
Govind Rai

16
Utilisateurs de Github: à partir du 08/06/2017 , la réponse de Diego Vinícius ci-dessous centre avec succès le texte dans les fichiers de démarque. Enveloppez simplement votre texte dans une pbalise avec aligndéfini sur center, comme ceci:<p align="center">centered text</p>
Kröw

2
BTW, qui serait préférable d'utiliser, <div>ou <p>? A pest un paragraphe, alors peut div-être serait-il une alternative plus neutre et meilleure?
VasiliNovikov

2
@SDJMcHattie Cela ne fonctionne pas lors de la conversion .md en .pdf.
Marc Le Bihan

85

Afin de centrer le texte dans les fichiers md, vous pouvez utiliser la balise centrale comme la balise html:

<center>Centered text</center>

10
Cette méthode est obsolète en html 5.

1
Cette méthode fonctionne sur les blocs SquareSpace Markdown, à compter du 15 août 2018.
ikjadoon

22

Je savais que ce n'était pas du démarquage, mais cela <p align="center">fonctionnait pour moi, donc si quelqu'un comprend la syntaxe du démarquage à la place, je serai heureux de l'utiliser. Jusque-là, j'utiliserai la balise HTML.


1
l' attribut align est obsolète depuis HTML 4 et obsolète depuis HTML 5.
Jindrich Vavruska

5
Bien que les réponses ci-dessus n'aient pas fonctionné, cette méthode a réussi à centrer du texte pour moi sur github .
Kröw

1
Juste testé sur github: ça marche pour le texte, ça ne marche pas pour les images.
xtian

1
si les balises html fonctionnent, vous ne pouvez pas vous aligner avec la balise p o un alignement simple, essayez avec <div class = "margin: 0 auto;"> avec votre image à l'intérieur du div
Diego Vinícius

16

C'est piraté, mais si vous utilisez GFM ou une autre syntaxe MD qui prend en charge la création de tables avec des tuyaux, vous pouvez utiliser les fonctionnalités d'alignement de colonnes:

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

Cela fonctionne dans marqué.


1
Comment contournerait-on cela pour demander une rubrique? Si j'utilise un simple "#" à l'intérieur du "|" il apparaît textuellement.
nilon

Cela ne semble fonctionner que pour le texte. J'essaye de centrer une image.
Vince

10

Dans Github, vous devez écrire:

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

J'aime démarrer des fichiers README.md plus longs avec une liste "Index". Je mets ceci à la fin de chaque section au cas où les lecteurs voudraient revenir à l'index <p align="right">[Index](#index)</p>Fonctionne très bien :)
M. Kennedy

1
Cette solution fonctionne, mais certains styles comme le texte en italique sont perdus.
JavDomGom

8

L'élément div a son propre attribut d'alignement, align .

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

1
Meilleure solution. Nous pouvons utiliser «justifier» à la place de «centre». S'applique à tout ce qui se trouve à l'intérieur du div sans rien déformer.
impopularGuy le

4

Pour Markdown Extra, vous pouvez utiliser des attributs personnalisés:

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

Cela fonctionne pour les en-têtes et les blockquotes, mais pas pour les paragraphes, les éléments en ligne et les blocs de code.

Une version plus courte (mais non prise en charge en HTML 5):

# Example text {align=center}

@AlmostPitt Comme mentionné, c'est une fonctionnalité spécifique à Markdown Extra, elle ne fonctionnera probablement pas ailleurs.


1

J'essayais de centrer une image et aucune des techniques suggérées dans les réponses ici n'a fonctionné. Un HTML standard <img>avec CSS en ligne a fonctionné pour moi ...

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

Ceci est pour un blog Jekyll hébergé sur GitHub


-2

J'ai trouvé assez utile d'utiliser la syntaxe latex sur les cellules des notebooks jupyter, comme:

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

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

-13

Pour centrer l'alignement, entourez le texte que vous souhaitez centrer avec des flèches ( -> <-) comme ceci:

-> This is center aligned <-

3
Je teste cette option dans certains Markdown en ligne. Pouvez-vous ajouter une URL ou nous dire dans quel Markdown cette phrase fonctionne?
equiman

Cela fonctionne dans Discount ( pell.portland.or.us/~orc/Code/discount ), une implémentation en C de la démarque originale.
Calum

Et aussi dans RDiscount sa rubymise en œuvre. Merci!
jibiel

Vous devez ajouter ce plugin pour que cela fonctionne: npmjs.com/package/markdown-it-center-text
Lukas Liesis

Ne fonctionne pas dans Notepad ++ (markdown python + plugin Live HTML)
816-8055
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.