Espaces supplémentaires dans le texte

Pour des raisons de formatage, je souhaite ajouter des espaces supplémentaires entre les mots. Discourse supprime normalement ces espaces, mais parfois cela améliore la lisibilité. Je peux utiliser des backticks, mais cela change la police. Je peux utiliser image mais cela disparaît la prochaine fois que je modifie le texte.

Existe-t-il un moyen d’ajouter des espaces supplémentaires entre les mots et de les conserver de manière persistante, sans changer la police ?

word-spacing: 1em;

résulte en :

Je ne sais pas pourquoi vous voudriez faire ça cependant :winking_face_with_tongue:

2 « J'aime »

J’écris un rapport d’après-action dans un jeu. Le rapport comprend les minéraux présents sur une planète, avec leur accessibilité. Voici à quoi cela ressemble dans Word (capture d’écran).

Voici à quoi cela ressemble dans Discourse.

Rapport d’exploration terrestre

Durantium : 374 100 1,00

Neutronium : 121 600 0,60

Corbomite : 148 400 0,90

Tritanium : 183 700 0,70

Boronide : 146 400 0,90

Mercassium : 124 500 0,80

Vendarite : 125 600 0,70

Sorium : 166 700 0,80

Uridium : 105 200 0,70

Corundium : 275 000 0,70

Gallacite : 406 000 0,90

Je peux supprimer les lignes supplémentaires, mais c’est plus lisible avec des espaces entre les nombres.

Ah d’accord, vous vouliez dire dans le compositeur spécifiquement, afin que vous puissiez choisir quand et où les ajouter ?

1 « J'aime »

Qu’en est-il d’un tableau ?

Rapport d’exploration terrestre

Matériau Valeur Modificateur
Duranium 374 100 1,00
Neutronium 121 600 0,60
Corbomite 148 400 0,90
Tritanium 183 700 0,70
Boronide 146 400 0,90
Mercassium 124 500 0,80
Vendarite 125 600 0,70
Sorium 166 700 0,80
Uridium 105 200 0,70
Corundium 275 000 0,70
Gallicite 406 000 0,90
8 « J'aime »

Si vous n’utilisez pas d’apostrophes inversées pour autre chose, vous pourriez simplement outrepasser le CSS pour elles.

Ce pourrait être la manière la plus simple.

1 « J'aime »

Vous pourriez également placer un wrap nommé autour de votre rapport et lui appliquer du CSS :

Je trouve cela plus facile dans le compositeur Markdown :

[wrap=game-report]

Duranium: 374,100 1.00

Neutronium: 121,600 0.60

Corbomite: 148,400 0.90

...etc.

[/wrap]

Ajoutez votre CSS personnalisé :

[data-wrap="game-report"] {
    word-spacing: 1em;
}

Résultat :

2 « J'aime »

Oui, je suis arrivé indépendamment à cette solution avant de revenir ici. Bien mieux pour ce dont j’ai besoin. Merci.

J’ai vraiment besoin de commencer à apprendre correctement le balisage. Mon expérience est en C++/C# etc.

Et je viens de programmer le jeu pour générer les données de l’enquête, y compris le markdown du tableau, en option :slight_smile:

3 « J'aime »

Merci, c’est aussi une solution intéressante. Je n’ai aucune expérience en CSS. Encore quelque chose que je dois apprendre :slight_smile:

Effectuer des modifications CSS personnalisées sur votre site est un bon aperçu et tutoriel.

1 « J'aime »

Merci - cela semble très intéressant. Je l’ai mis en favori et je vais y consacrer du temps.