Лишние пробелы в тексте

По соображениям форматирования я хотел бы добавить дополнительные пробелы между словами. Discourse обычно удаляет эти пробелы, но иногда это улучшает читаемость. Я могу использовать обратные кавычки, но это меняет шрифт. Я могу использовать image, но при следующем редактировании текста изображение исчезнет.

Существует ли способ добавлять дополнительные пробелы между словами, сохраняя их постоянно, без изменения шрифта?

word-spacing: 1em;

результат:

Не знаю, зачем вам это нужно, хотя :winking_face_with_tongue:

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 лайк

Вы также можете обернуть ваш отчёт в блок с именем и применить к нему 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# и т.д.

И я только что запрограммировал игру так, чтобы она генерировала данные опроса, включая таблицу в формате Markdown, как опцию :slight_smile:

3 лайка

Спасибо, это тоже интересное решение. У меня вообще нет опыта работы с CSS. Что ещё нужно изучить :slight_smile:

Внесение собственных изменений CSS на вашем сайте — это отличное введение и пошаговое руководство.

1 лайк

Спасибо — это выглядит очень интересно. Я добавил в закладки и уделю этому время.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.