Olá pessoal!
Esse código [hyphens] me ajuda bastante, ele habilita no browser a hifenização automática de acordo com a linguagem (pt_BR, en, etc) e isso melhora a visualização dos textos quando se usa Layout Responsivo, sendo assim o texto se adequa ao espaço e as palavras recebem separação com hífen automaticamente e mantém a leitura correta do texto.
Para que funcione corretamente em todos os browser, será necessário inserir em seu CSS o seguinte código:
[css]
body {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
[/css]
No meu caso coloquei no BODY para tornar todos os elementos de texto responsivos, porém você pode colocar apenas no elemento de paragrafo [ p ], existem outros parâmetros que podem ser utilizados leia a documentação do HYPHENS, caso necessário.
Espero ter ajudando e até a próxima.
Comentários
4 respostas para “Hífen automático em textos html”
Jonnay você pode adicionar em uma tag especifica ou até mesmo criar uma classe para isso.
Seria possível utilizar hifenização no blogger? Tentei usar a dica acima, mas não funcionou… :/
Ivo essa opção foi difícil de encontrar o nome dela, mas depois que achei ficou fácil de implementar. Antes usávamos um script js para fazer isso, mas não funcionava corretamente.
Nunca vi isso na minha vida. Valeu a pena ter entrado aqui. Eu já tinha lido CSS avançado o livro e não vi isso por lá. Muito bom saber. Obrigaduuuuuu!