Réponses:
Le markdown natif ne prend pas en charge l'alignement du texte sanshtml
+css
.
<p style="text-align: center;">
et </p>
qui devrait fonctionner dans n'importe quelle démarque
<br>
fonctionne donc il peut y avoir des balises cachées qui fonctionnent.
p
balise avec align
défini sur center
, comme ceci:<p align="center">centered text</p>
<div>
ou <p>
? A p
est un paragraphe, alors peut div
-être serait-il une alternative plus neutre et meilleure?
Afin de centrer le texte dans les fichiers md, vous pouvez utiliser la balise centrale comme la balise html:
<center>Centered text</center>
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.
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é.
Dans Github, vous devez écrire:
<p align="justify">
Lorem ipsum
</p>
<p align="right">[Index](#index)</p>
Fonctionne très bien :)
L'élément div a son propre attribut d'alignement, align .
<div align="center">
my text here.
</div>
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}
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 }
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
Pour centrer l'alignement, entourez le texte que vous souhaitez centrer avec des flèches ( ->
<-
) comme ceci:
-> This is center aligned <-
<p align=center>
fonctionne. (à partir de cette réponse ci-dessous )