テキスト内の余分なスペース

書式設定上の理由から、単語間に余分なスペースを追加したいと考えています。Discourse は通常これらのスペースを削除しますが、可読性が向上する場合があります。バッククォートを使用できますが、フォントが変わってしまいます。 image を使用できますが、次回テキストを編集したときに消えてしまいます。

フォントを変更せずに、単語間に余分なスペースを追加して永続的に保持する方法はありますか?

word-spacing: 1em;

結果は次のようになります。

なぜこれを使いたいのかはわかりませんが😜

「いいね!」 2

ゲームのアクション後レポートを作成しています。レポートには、惑星上に存在する鉱物と、その採掘しやすさが含まれています。Wordではスクリーンショットのように見えます。

Discourseでは次のように見えます。

地球調査報告書

デュラニウム: 374,100 1.00

ニュートロニウム: 121,600 0.60

コルボマイト: 148,400 0.90

トリタニウム: 183,700 0.70

ボロナイト: 146,400 0.90

メルカッシウム: 124,500 0.80

ベンダーナイト: 125,600 0.70

ソリウム: 166,700 0.80

ウリジウム: 105,200 0.70

コルンジウム: 275,000 0.70

ガリサイト: 406,000 0.90

余分な行を削除することはできますが、数字の間にスペースがあった方が読みやすいです。

ああ、なるほど、コンポーザーで具体的に、いつどこに追加するかを選択できるということですね?

「いいね!」 1

テーブルについてはどうですか?

地球調査レポート

素材 修正係数
デュラニウム 374,100 1.00
中性子(ニュートロニウム) 121,600 0.60
コーボマイト 148,400 0.90
トリタニウム 183,700 0.70
ホウ化(ボロナイト) 146,400 0.90
マーカッシウム 124,500 0.80
ベンダライト 125,600 0.70
ソリウム 166,700 0.80
ウリジウム 105,200 0.70
コランダム 275,000 0.70
ガリサイト 406,000 0.90
「いいね!」 8

バッククォートを他の目的で一切使用していないのであれば、バッククォートのCSSを上書きすることもできます。

それが一番簡単な方法かもしれません。

「いいね!」 1

レポートを名前付きの wrap で囲み、それに CSS を適用することもできます。

Markdown コンポーザーでこれを行うのが最も簡単だと考えます。

[wrap=game-report]

Duranium: 374,100 1.00

Neutronium: 121,600 0.60

Corbomite: 148,400 0.90

...その他。

[/wrap]

カスタム CSS を追加します。

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

結果:

「いいね!」 2

はい、ここに戻ってくる前に、この解決策に独力でたどり着きました。私のニーズにはずっと良いです。ありがとうございます。

マークアップをきちんと学び始める必要があります。私のバックグラウンドはC++/C#などです。

そして、ゲームに、オプションとしてアンケートデータ(テーブルのマークダウンを含む)を生成するようにプログラムしました :slight_smile:

「いいね!」 3

ありがとうございます、これも興味深い解決策です。CSSの経験が全くありません。学ばなければならないことがまた一つ増えましたね :slight_smile:

サイトでカスタムCSSの変更を行うは、優れた入門書であり、ウォークスルーです。

「いいね!」 1

ありがとうございます。とても興味深いですね。ブックマークしたので、時間をとってじっくり見ます。