Alignement du texte Markdown `natif`

183

Est -ce que le markdownsoutien natif texte-alignement sans utilisation html+ css?

markdown graisse
la source

3

Pour GitHub Flavored Markdown , fonctionne. (à partir de cette réponse ci-dessous )

Ulysse BN

159

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

Calum
la source

65

Par conséquent, enveloppez votre texte et 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. *  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:centered text

Kröw

2

BTW, qui serait préférable d'utiliser, <div>ou ? 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>

Erwann Blancart
la source

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 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.

Diego Vinícius
la source

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é.

mdarens
la source

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>

Oleg Pro
la source

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 [Index](#index)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>

cbilliau
la source

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}

la source

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

2

Pour le markdown python avec l'extension attr_list, la syntaxe est un peu différente:

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

Exemple:

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

Lead information paragraph
{: .lead }

Janusz Skonieczny
la source

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

Vince
la source

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

JackS
la source

-13

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

-> This is center aligned <-

Shailesh
la source

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

Alignement du texte Markdown `natif`

Réponses: