Как пользоваться: Генератор мягких переносов
- Вставьте заголовок или текст. В автоматическом режиме слова длиннее заданного предела получат мягкие переносы в вероятных местах деления на слоги.
- Для полного контроля введите маркер (по умолчанию
|) там, где слово может переноситься, напримерVersicherungs|leistungen. - Потяните ползунок ширины предпросмотра, чтобы увидеть, как текст переносится на узких экранах. Дефис появляется только там, где слово действительно переносится.
- Скопируйте как текст (невидимые символы, идеально для Webflow и полей CMS) или как HTML с сущностями
­.
Что такое мягкий перенос?
Мягкий перенос (Unicode U+00AD, HTML-сущность ­) — это невидимый символ, который отмечает возможный перенос строки внутри слова. Если слово помещается в строку, ничего не отображается. Если не помещается, браузер переносит слово в этом месте и показывает дефис. Это самое аккуратное решение для длинных составных слов, характерных для немецкого языка (например, «Kundenzufriedenheitsanalyse»), которые выходят за пределы контейнера или плохо смотрятся в крупных заголовках на мобильных устройствах.
Мягкий перенос, пробел нулевой ширины и CSS hyphens
| Способ | Показывает дефис? | Лучше всего для |
|---|---|---|
­ мягкий перенос | Да, только при переносе | Длинные слова в заголовках и основном тексте |
| Пробел нулевой ширины (U+200B) | Нет | URL, адреса email, пути к файлам, слеши |
CSS hyphens: auto | Да | Основной текст, но нужны корректный атрибут lang и словарь браузера, контроля нет |
CSS overflow-wrap: anywhere | Нет | Крайняя страховка; может разрывать слова в неудачных местах |
Использование мягких переносов в Webflow
Текстовые поля Webflow не позволяют ввести ­: эта запись отобразится буквально. Скопируйте результат как текст с невидимыми символами и вставьте его в поле заголовка, rich text или CMS: мягкие переносы сохранятся и сразу будут работать на опубликованном сайте. Чтобы удалить их позже, вставьте текст сюда и нажмите «Удалить невидимые символы».
Об автоматическом режиме
Автоматический режим использует простые правила деления на слоги (переходы гласных и согласных), чтобы предложить места переноса, и оставляет не менее трёх букв с каждой стороны. Он хорошо подходит для заголовков, но не является полноценным словарём для переноса. Проверяйте важные слова в предпросмотре или задавайте места переноса вручную с помощью маркера для идеального результата.
Также ищут как: ­ генератор, zero width space, zwsp.
Инструменты, которые хорошо сочетаются с Генератор мягких переносов
- Умные кавычки → прямые — Код, скопированный из Slack, Notion, Word или блога, не запускается?
- Конвертер регистра — Вставьте любой текст и преобразуйте его между 11 вариантами регистра: от Title Case для заголовков до camelCase и snake_case для кода.
- Счётчик слов — Вставьте или напишите текст, чтобы сразу увидеть количество слов и символов, а также время чтения и произнесения, плотность ключевых слов и проверку длины для SEO-заголовков, мета-описаний и постов в соцсетях.
- HTML-сущности — Экранируйте < > & ", чтобы текст безопасно отображался в HTML, преобразуйте акценты и символы в именованные или числовые сущности либо декодируйте HTML с сущностями обратно в обычный текст.
Часто задаваемые вопросы
Как ввести мягкий перенос?
­. В редакторах, которые не принимают сущности (Webflow, Figma, большинство полей CMS), скопируйте символ из этого инструмента: он невидимый, но присутствует. В Windows можно также ввести Alt+0173.