Spazi extra all'interno del testo

Per motivi di formattazione, vorrei aggiungere spazi extra tra le parole. Discourse di solito rimuove questi spazi, ma a volte migliora la leggibilità. Posso usare gli apici inversi (backticks), ma questo cambia il carattere. Posso usare image ma questo scompare la prossima volta che modifico il testo.

C’è un modo per aggiungere spazi extra tra le parole e mantenerli persistenti, senza cambiare il carattere?

word-spacing: 1em;

risulta in:

Non so perché vorresti farlo però :winking_face_with_tongue:

2 Mi Piace

Sto scrivendo un rapporto post-azione in un gioco. Il rapporto include i minerali presenti su un pianeta, con la loro accessibilità. Ecco come appare in Word (screenshot).

Ecco come appare in Discourse.

Rapporto di Ricognizione Terrestre

Duranio: 374.100 1,00

Neutronio: 121.600 0,60

Corbomite: 148.400 0,90

Tritanio: 183.700 0,70

Boronide: 146.400 0,90

Mercassium: 124.500 0,80

Vendarite: 125.600 0,70

Sorium: 166.700 0,80

Uridio: 105.200 0,70

Corundio: 275.000 0,70

Gallite: 406.000 0,90

Posso rimuovere le righe extra, ma è più leggibile con gli spazi tra i numeri.

Ah, intendevi specificamente nell’editor di composizione, quindi puoi scegliere quando e dove aggiungerli?

1 Mi Piace

Che ne dici di una tabella?

Rapporto di Rilevamento Terrestre

Materiale Valore Modificatore
Duranium 374.100 1,00
Neutronium 121.600 0,60
Corbomite 148.400 0,90
Tritanio 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 Mi Piace

Se non usi gli apici inversi per nient’altro, potresti semplicemente sovrascrivere il CSS per essi.

Potrebbe essere il modo più semplice.

1 Mi Piace

Potresti anche inserire un wrap con nome attorno al tuo report e applicare il CSS a quello:

Trovo questo più facile nel compositore Markdown:

[wrap=game-report]

Duranium: 374,100 1.00

Neutronium: 121,600 0.60

Corbomite: 148,400 0.90

...ecc.

[/wrap]

Aggiungi il tuo CSS personalizzato:

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

Risultato:

2 Mi Piace

Sì, sono arrivato indipendentemente a questa soluzione prima di tornare qui. Molto meglio per quello di cui ho bisogno. Grazie.

Devo davvero iniziare a imparare correttamente il markup. Il mio background è C++/C# ecc.

E ho appena programmato il gioco per generare i dati del sondaggio, inclusa la markdown della tabella, come opzione :slight_smile:

3 Mi Piace

Grazie, anche questa è una soluzione interessante. Non ho alcuna esperienza con il CSS. Qualcos’altro che devo imparare :slight_smile:

Effettuare modifiche CSS personalizzate sul tuo sito è un buon ripasso e una guida.

1 Mi Piace

Grazie, sembra molto interessante. L’ho salvato tra i preferiti e dedicherò del tempo a esaminarlo.