¿Cómo centrar el texto con Markdown?

3 minutos de lectura

Avatar de usuario de KylianMbappe
KylianMbappé

¿Cómo se centra un elemento con Markdown? Estoy buscando una solución que funcione en Grav.

  • No soportado. Ver stackoverflow.com/questions/14051715/…

    – Roberto Harvey

    21 de noviembre de 2018 a las 19:22


Markdown no admite esta función de forma nativa, pero puede lograr este ajuste de Markdown en HTML.

Como regla general, la mayoría de los ‘sabores’ de Markdown mostrarán esto como texto centrado:

<p style="text-align: center;">Centered text</p>

Específicamente para Grav, como sus estados de documentacióndebe realizar los siguientes pasos:

en el archivo de configuración de su sistema user/config/system.yaml asegúrese de activar la opción extra de descuento:

pages:
  markdown:
    extra: true

en su etiqueta de envoltorio, asegúrese de agregar el parámetro markdown="1" para activar el procesamiento de contenido de rebajas:

<div class="myWrapper" markdown="1">
# my markdown content

this content is wrapped into a div with class "myWrapper"
</div>

  • Esta respuesta es buena, pero el hecho me parece desconcertante: ¿por qué falta la alineación del texto en CommonMark (y en la mayoría de las otras especificaciones de rebajas)? Parece tan obvio, sencillo y útil, debe haber algún hecho que me estoy perdiendo…

    – k3davis

    18 de junio de 2020 a las 11:48

  • De daringfireball.net/projects/markdown/syntax#philosophy “Un documento con formato de Markdown debe poder publicarse tal cual, como texto sin formato, sin que parezca que ha sido marcado con etiquetas o instrucciones de formato”.

    – Estevan Maito

    18 de junio de 2020 a las 14:55

  • Gracias @Estevan, eso es útil, aunque la distinción entre la alineación del texto y todas las demás “etiquetas y formato” son compatibles y parecen algo arbitrarias. 😉

    – k3davis

    18 de junio de 2020 a las 16:24

  • Sin embargo, no funciona en el cuaderno jupyter cargado en github.

    – rahul-ahuja

    9 de marzo de 2021 a las 14:11

  • @k3davis De acuerdo. Los encabezados y énfasis simples se logran fácilmente. Parece que no se requiere mucho ‘marcado’ para lograr la alineación del texto. Por ejemplo, ‘|izquierda’, ‘|centro|’ y ‘correcto|’ es legible como texto sin formato, y ciertamente no más obtuso que la sintaxis utilizada para formatear tablas y/o imágenes y enlaces… Pero bueno, no es como si fuera a hacer una sugerencia formal.

    – DryLabRebel

    28 de marzo de 2022 a las 3:17


Para mí funcionó con el siguiente truco: agregar la etiqueta div en la parte superior sin cerrar la etiqueta div. Esto hace que toda la rebaja esté centralizada.

<div align="center">

  • align El atributo está en desuso en HTML5.

    – Techy Sharnav

    1 de junio de 2021 a las 10:01

Avatar de usuario de Skid overclockeado
Patín overclockeado

Al usar cualquier elemento como un título, puede usar una etiqueta html equivalente, por ejemplo

# Title
## title 2

es equivalente a

<h1> Title </h1>
<h2> Title 2 </h2>

Con título, por ejemplo, puede alinear el texto usando el siguiente atributo:

<!-- title only -->
<h1 align="center"> Title </h1>

<!-- title with div -->
<div align="center"> <h1 align="center"> Title inside div! </h1> </div>

Pero a veces no desea usar HTML, porque anula la capacidad de usar Markdown dentro de él, en estos casos, puede usar span, que le permite representar Markdown dentro de las etiquetas HTML:

<!-- title with span (you can render emojis or markdown inside it) -->
<span align="center"> <h1> :star: My Career: </h1> </span>

Tenga en cuenta que este atributo está en desuso, aunque también es el único que funciona con algunos tipos de rebajas, como la rebaja de Github.

¿Ha sido útil esta solución?