Como usar: Gerador de Hífen Suave
- Cole seu título ou texto. No modo automático, palavras maiores que o limite recebem hífens suaves nas prováveis divisões silábicas.
- Para ter controle total, digite o marcador (padrão
|) onde a palavra pode quebrar, por exemploVersicherungs|leistungen. - Arraste a largura da prévia para ver como o texto quebra em telas estreitas. O hífen só aparece quando a palavra realmente quebra.
- Copie como texto (caracteres invisíveis, perfeito para campos do Webflow e CMS) ou como HTML com as entidades
­.
O que é um hífen suave?
O hífen suave (Unicode U+00AD, entidade HTML ­) é um caractere invisível que marca uma possível quebra de linha dentro de uma palavra. Se a palavra couber na linha, nada é mostrado. Se não couber, o navegador quebra a palavra naquele ponto e exibe um hífen. É a solução mais limpa para palavras compostas longas, comuns no alemão (“Kundenzufriedenheitsanalyse”), que estouram o contêiner ou ficam estranhas em títulos grandes no celular.
Hífen suave x espaço de largura zero x hyphens do CSS
| Técnica | Mostra hífen? | Ideal para |
|---|---|---|
­ hífen suave | Sim, só quando quebra | Palavras longas em títulos e textos corridos |
| Espaço de largura zero (U+200B) | Não | URLs, endereços de e-mail, caminhos de arquivos, barras |
CSS hyphens: auto | Sim | Textos corridos, mas exige o atributo lang correto e um dicionário no navegador, e não oferece controle |
CSS overflow-wrap: anywhere | Não | Última rede de segurança; pode quebrar palavras em lugares feios |
Usando hífens suaves no Webflow
Os campos de texto do Webflow não permitem digitar ­, que apareceria literalmente. Copie o resultado como texto com caracteres invisíveis e cole no campo de título, rich text ou CMS: os hífens suaves vão junto de forma invisível e funcionam de imediato no site publicado. Para removê-los depois, cole o texto aqui e clique em “Remover caracteres invisíveis”.
Sobre o modo automático
O modo automático usa regras silábicas simples (transições vogal–consoante) para sugerir pontos de quebra, mantendo pelo menos três letras de cada lado. Funciona bem para títulos, mas não é um hifenizador com dicionário completo. Confira palavras importantes na prévia ou defina os pontos de quebra manualmente com o marcador para um resultado perfeito.
Também pesquisado como: hífen suave, ­, soft hyphen, espaço de largura zero, zwsp, quebra de palavra, silabação, palavras longas no celular.
Ferramentas que combinam com: Gerador de Hífen Suave
- Corrigir Aspas Curvas para Retas — Código copiado do Slack, Notion, Word ou de um blog não roda?
- Conversor de maiúsculas e minúsculas — Cole qualquer texto e converta-o entre 11 estilos de letras — desde “Title Case” para títulos até “camelCase” e “snake_case” para código.
- Contador de palavras — Cole ou digite seu texto para contar palavras e caracteres em tempo real — além do tempo de leitura e de fala, da densidade de palavras-chave e da verificação do comprimento para títulos de SEO, meta descrições e postagens nas redes sociais.
- Codificador de Entidades HTML — Escape < > & " para que o texto possa ser exibido com segurança no HTML, converta acentos e símbolos em entidades nomeadas ou numéricas, ou decodifique HTML cheio de entidades de volta para texto simples.
Perguntas frequentes
Como digito um hífen suave?
­. Em editores que não aceitam entidades (Webflow, Figma, a maioria dos campos de CMS), copie o caractere desta ferramenta: ele é invisível, mas está presente. No Windows, você também pode digitar Alt+0173.