@Nikolaj01

Как убрать висячие слова на сайте?

Столкнулся с проблемой, делаю проект на React используя typescript.
Проблема заключается в переносе строк при рендеринге текста на сайт.
У меня все текста находятся в файле JSON, русский и Английские версии.
Мне нужно, чтобы перенос строки был в определенных местах, где я сам укажу, чтобы не было висячих слов, или если можно сделать это как автоматически для всех, чтобы все было четко и гармонично не висели слова в воздухе. Так же эти переносы строк должны быть разными на мобильной версии и на десктоп.
Что я пробывал:
Пробовал ставить /n в JSON файле в нужных местах.(никак не реагирует вообще)
Пробовал условный рендеринг через html с тегом break
Он реагирует на этот способ, но возникает проблема в виде разницы устройств, то что на компьютере должны быть другие переносы.
Пробовал через стили css, они вообще ничего не меняют.
Пробовал ставить не разрывные пробелы, через кодировку, они тоже не работают.
  • Вопрос задан
  • 144 просмотра
Решения вопроса 1
Elaryks
@Elaryks
Если я правильно понял суть, то задачу можно решить, используя \n и CSS-свойство white-space: pre.

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы