Markdown alineación de texto `nativo`


Respuestas:


159

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


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>

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.


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.


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>

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>

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}

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


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


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

-13

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

-> This is center aligned <-

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


No funciona en Notepad ++ (descuento de Python + complemento HTML en vivo)
816-8055
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.