Столкнулся с проблемой, делаю проект на React используя typescript.
Проблема заключается в переносе строк при рендеринге текста на сайт.
У меня все текста находятся в файле JSON, русский и Английские версии.
Мне нужно, чтобы перенос строки был в определенных местах, где я сам укажу, чтобы не было висячих слов, или если можно сделать это как автоматически для всех, чтобы все было четко и гармонично не висели слова в воздухе. Так же эти переносы строк должны быть разными на мобильной версии и на десктоп.
Что я пробывал:
Пробовал ставить /n в JSON файле в нужных местах.(никак не реагирует вообще)
Пробовал условный рендеринг через html с тегом break
Он реагирует на этот способ, но возникает проблема в виде разницы устройств, то что на компьютере должны быть другие переносы.
Пробовал через стили css, они вообще ничего не меняют.
Пробовал ставить не разрывные пробелы, через кодировку, они тоже не работают.
Nikolaj01, скорее тебе поможет pre-line - он и ручные переносы сохранит и слишком длинное сам перенесёт.
Но вообще принято просто добавлять неразрывный пробел( , \u00A0) туда где не должно быть переноса, после предлогов и т.п. В ручную под каждое разрешение ты задолбаешься.