160 votes

Comment ajouter des espaces vides dans le readme markdown de MD sur GitHub ?

J'ai du mal à ajouter des espaces vides avant que la chaîne ne commence à faire mon GitHub README.md ressemble à quelque chose comme ça :

enter image description here

Pour l'instant, ça ressemble à ça :

enter image description here

J'ai essayé d'ajouter <br /> pour corriger le nouveau début de la chaîne, maintenant ça marche, mais je ne comprends pas comment ajouter des espaces avant le début de la chaîne sans tout changer en &nbsp; . Il y a peut-être une façon plus élégante de le formater ?

107voto

terry.qiao Points 1102

Vous pouvez utiliser <pre> pour afficher tous les espaces et les blancs que vous avez tapés. Par exemple :

<pre>
hello, this is
   just an     example
....
</pre>

12 votes

Mais ensuite, le gras disparaît... ex. <pre> **lalala** </pre>

0 votes

@TonyLucas, pas avec cette solution... Si je me souviens bien.

0 votes

Malheureusement, cette méthode perturbe le design. Elle change la couleur de l'arrière-plan en gris clair et ajoute une barre de défilement horizontale. Ce n'est pas vraiment ce que je recherchais...

85voto

Arpit Solanki Points 5230

Markdown transforme tout en html et le html réduit les espaces, ce qui fait que vous ne pouvez rien y faire. Vous devez utiliser la fonction &nbsp; pour cela. Un exemple amusant ici, j'écris en markdown et je vais en utiliser quelques uns.

Ci-dessus, il y a quelques &nbsp; sans backticks

11 votes

Vous pouvez alterner les espaces normaux avec des espaces insécables (un sur deux) pour économiser de la frappe. Par exemple, ce qui suit vous donne 4 espaces : `` &nbsp ;  ``

78voto

Tim Smith Points 490

Au lieu d'utiliser des entités HTML comme &nbsp; y &emsp; (comme d'autres l'ont suggéré), vous pouvez utiliser directement l'espace Unicode em (8195 en UTF-8). Essayez de copier-coller ce qui suit dans votre README.md . Les espaces au début des lignes sont des espaces em.

The action of every agent <br />
  into the world <br />
starts <br />
  from their physical selves. <br />

8 votes

Il y a aussi le en espace qui est la moitié de la largeur de l'espace em. Il y a un bouton "Copier dans le presse-papiers" à droite, ou copiez ceci : ' '

58voto

Casimir Points 598

Je suis surpris que personne n'ait mentionné les entités HTML. &ensp; y &emsp; qui produisent un espace blanc horizontal équivalent aux caractères n y m respectivement. Si vous souhaitez accumuler rapidement de l'espace blanc horizontal, ces derniers sont plus efficaces que &nbsp; .

  1. pas d'espace
  2.  &nbsp;
  3. &ensp;
  4. &emsp;

Avec <space> y &thinsp; Ce sont les cinq entités que le HTML prévoit pour l'espace blanc horizontal.

Notez que, sauf pour &nbsp; toutes les entités permettent la rupture. Le texte qui les entoure se transforme en une nouvelle ligne s'il dépasse les limites du conteneur. Avec &nbsp; il s'enroulerait sur une nouvelle ligne en tant que bloc même si le texte précédent &nbsp; pouvait tenir sur la ligne précédente.

En fonction de votre cas d'utilisation, cela peut être souhaité ou non. Pour moi, à moins que je ne traite des choses comme des noms (John &nbsp; Doe), des adresses ou des références (voir eq. &nbsp; 5), la rupture en bloc n'est généralement pas souhaitée.

1 votes

Comment dois-je insérer   ? si j'ai naïvement mis &nbsp; dans un fichier .md et que j'utilise markdown pour le convertir en html, il s'affiche simplement &nbsp; . Comment puis-je le faire ?

39voto

groussea Points 141

Après différents essais, j'ai fini par trouver une solution puisque la plupart des interpréteurs markdown supportent Environnement mathématique . Le texte suivant ajoute un espace blanc :

$~$

Et ici dix :

$~~~~~~~~~~~$

2 votes

J'adore cette solution, beaucoup plus lisible que les intercalaires HTML, et elle reste dans la syntaxe Markdown.

2 votes

Malheureusement, $~$ ne fonctionne pas dans GitHub. Mais &nbsp ; fonctionne bien.

0 votes

C'est la meilleure solution à mes yeux, si votre éditeur markdown le supporte.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X