Markdown alineación de texto `nativo`

Respuestas:

159

la reducción nativa no admite la alineación de texto sinhtml+css.

Calum
fuente
65
Por lo tanto, envuelva su texto <p style="text-align: center;">y lo </p>que debería funcionar en cualquier descuento
SDJMcHattie
15
Usuarios de Github: los estilos en línea no funcionan en github y no se incluyen como características extendidas de Github Flavored Markdown. Todo esto es compatible con github a partir de enero de 2017 . Hay muchos probadores de rebajas en línea que dicen que cumplen con GFM y muestran cosas como que funcionan los estilos en línea, pero github markdown [más o menos] * no es compatible con HTML / CSS en este momento. * <br>funciona, por lo que puede haber algunas etiquetas ocultas que funcionen.
Govind Rai
16
Usuarios de Github: a partir del 8/06/2017 , la respuesta de Diego Vinícius a continuación centra con éxito el texto en los archivos de descuento. Simplemente envuelva su texto en una petiqueta con alignset a center, así:<p align="center">centered text</p>
Kröw
2
Por cierto, ¿cuál sería mejor usar, <div>o <p>? A pes un párrafo, ¿entonces tal vez divsería una alternativa más neutral y mejor?
VasiliNovikov
2
@SDJMcHattie Esto no funciona al convertir .md a .pdf.
Marc Le Bihan
85

Para centrar el texto en archivos md, puede usar la etiqueta central como etiqueta html:

<center>Centered text</center>
Erwann Blancart
fuente
10
Este método está en desuso en html 5.
1
Este método funciona en bloques de MarkSpace Markdown, a partir del 15 de agosto de 2018.
ikjadoon
22

Sabía que esto no es un descuento, pero <p align="center">funcionó para mí, así que si alguien descubre la sintaxis de descuento, me encantaría usarlo. Hasta entonces usaré la etiqueta HTML.

Diego Vinícius
fuente
1
el atributo de alineación ha quedado en desuso desde HTML 4 y obsoleto desde HTML 5.
Jindrich Vavruska
55
Si bien las respuestas anteriores no funcionaron, este método centró con éxito algún texto para mí en github .
Kröw
1
Acabo de probar en github: funciona para texto, no funciona para imágenes.
xtian
1
si las etiquetas html funcionan, no puede alinearse con la etiqueta p o la alineación simple, pruebe con <div class = "margin: 0 auto;"> con su imagen dentro del div
Diego Vinícius
16

Es hacky pero si está utilizando GFM o alguna otra sintaxis de MD que admita la creación de tablas con tuberías, puede usar las características de alineación de columnas:

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

Esto funciona en marcado.

mdarens
fuente
1
¿Cómo se evitaría esto para solicitar un título? Si uso un simple "#" dentro de "|" Parece literalmente.
nilon
Esto solo parece funcionar para texto. Estoy tratando de centrar una imagen.
Vince
10

En Github necesitas escribir:

<p align="justify">
  Lorem ipsum
</p>
Oleg Pro
fuente
Me gusta comenzar archivos README.md más largos con una lista de "Índice". Pongo esto al final de cada sección en caso de que los lectores quieran volver al índice <p align="right">[Index](#index)</p>Funciona muy bien :)
Sr. Kennedy
1
Esta solución funciona, pero se pierden algunos estilos como el texto en cursiva.
JavDomGom
8

El elemento div tiene su propio atributo de alineación, alinear .

<div align="center">
  my text here.
</div>
cbilliau
fuente
1
Mejor solución. Podemos usar "justificar" en lugar de "centro". Se aplica a todo dentro del div sin distorsionar nada.
impopularGuy
4

Para Markdown Extra puede usar atributos personalizados:

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

Esto funciona para encabezados y comillas de bloque, pero no para párrafos, elementos en línea y bloques de código.

Una versión más corta (pero no compatible con HTML 5):

# Example text {align=center}

fuente
@AlmostPitt Como se mencionó, es una característica específica de Markdown Extra, no es probable que funcione en otros lugares.
2

Para python markdown con la extensión attr_list, la sintaxis es un poco diferente:

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

Ejemplo:

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

Lead information paragraph
{: .lead }
Janusz Skonieczny
fuente
1

Estaba tratando de centrar una imagen y ninguna de las técnicas sugeridas en las respuestas aquí funcionó. Un HTML normal <img>con CSS en línea funcionó para mí ...

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

Esto es para un blog de Jekyll alojado en GitHub

Vince
fuente
-2

Encontré bastante útil usar la sintaxis de látex en las celdas de los cuadernos jupyter, como:

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

$$\text{This is some centered text}$$
JackS
fuente
-13

Para centrar la alineación, rodee el texto que desea centrar alinear con flechas ( -> <-) así: 

-> This is center aligned <-
shailesh
fuente
3
Estoy probando esta opción en algunos Markdown en línea. ¿Puedes agregar una URL o decirnos en qué Markdown funciona esta oración?
equiman
Esto funciona en Discount ( pell.portland.or.us/~orc/Code/discount ), una implementación en C de la rebaja original.
Calum
Y también en RDiscount su rubyimplementación. ¡Gracias!
jibiel
Debe
Lukas Liesis
No funciona en Notepad ++ (descuento de Python + complemento HTML en vivo)
816-8055