Comment insérer des espaces / tabulations dans du texte en utilisant HTML / CSS?

Moyens possibles:

 ... 

ou

 style="white-space:pre" 

Rien d’autre?

Pour insérer un tab space entre deux mots / phrases, j’utilise habituellement

et

dans les cas où la largeur / hauteur de l’espace est supérieure à   J’utilise habituellement

pour entretoise horizontale:

  

pour entretoise verticale:

  

Vous pouvez utiliser   pour les espaces, < pour < (inférieur à, numéro d'entité < ) et > pour > (supérieur à, numéro d'entité > ).

Une liste complète peut être trouvée à cette adresse: http://www.w3schools.com/html/html_entities.asp

essayez

Selon les documents à l’ adresse https://www.w3.org/MarkUp/html3/specialchars.html

Les entités de caractères et dénotent un espace en espace et un espace em respectivement, où un espace est la moitié de la taille du point et un espace em est égal à la taille en sharepoint la police en cours. Pour les fonts à pas fixe, l’agent utilisateur peut considérer que l’espace en espace est équivalent à un caractère d’espace et que l’espace em est équivalent à deux caractères d’espacement.

J’aime utiliser ceci:

Dans votre CSS:

 .tab { display:inline-block; margin-left: 40px; } 

Dans votre HTML:

 

Some Text Tabbed Text

 

The first line of this paragraph will be indented about five characters, similar to a tabbed indent.

La première ligne de ce paragraphe sera en retrait d’environ cinq caractères, similaire à un retrait par tabs

Voir ici pour plus d’infos

vous pouvez également utiliser le padding-left padding-right padding-top padding-bottom

Si vous demandez des tabs pour aligner des éléments dans certaines lignes, vous pouvez utiliser

mettre chaque ligne dans

...

et chaque élément à l’intérieur de cette ligne dans

...

et bien sûr vous pouvez toujours contrôler le remplissage de chaque cellule de tableau pour ajuster l’espace entre eux

cela les rendra alignés et ils auront l’air très bien 🙂

Espace blanc, ne pourriez-vous pas simplement utiliser le rembourrage? C’est une idée, désolé, si je ne comprends pas bien, mais c’est comme ça que vous pouvez append une “zone vide” autour de votre élément. Vous pouvez donc utiliser les balises CSS suivantes:

 padding: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; 

Encore une fois désolé si ce n’est pas ce que vous étiez après.

Cela a fonctionné pour moi: dans mon CSS j’ai:

 tab0 { position:absolute;left:25px; } tab1 { position:absolute;left:50px; } tab2 { position:absolute;left:75px; } tab3 { position:absolute;left:100px; } tab4 { position:absolute;left:125px; } tab5 { position:absolute;left:150px; } tab6 { position:absolute;left:175px; } tab7 { position:absolute;left:200px; } tab8 { position:absolute;left:225px; } tab9 { position:absolute;left:250px; } tab10 { position:absolute;left:275px; } 

alors dans le HTML j’utilise juste mes tabs:

 Dog Food  :$30 Milk  :$3 Pizza Kit  :$5 Mt Dew  :$1.75 

La réponse de user8657661 est la plus proche de mes besoins (de mettre les choses en ligne sur plusieurs lignes). Cependant, je ne pouvais pas faire fonctionner l’exemple de code, mais j’avais besoin de le changer comme suit:

      Dog Food:  $30
Milk of Magnesia: $30
Pizza Kit: $5
Mt Dew $1.75

Si vous avez besoin de nombres alignés à droite, vous pouvez changer de left:150px à right:150px , mais vous devrez modifier le nombre en fonction de la largeur de l’écran (les chiffres seraient de 150 pixels à partir du bord droit de l’écran). )

Types d’ Spaces en HTML

Crée quatre espaces entre le

Crée deux espaces entre le texte –

Crée un espace régulier entre le texte –  

crée un espace étroit (similaire à un espace régulier mais une légère différence – "&thinsp";

espacement entre les phrases – ""

Ce lien pourrait vous aider. Découvrez [ https://hea-www.harvard.edu/~fine/Tech/html-sentences.html%5D