Hífen automático em textos html

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:

body {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

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.

Leia +: http://dev.w3.org/csswg/css-text/#hyphens

4 respostas para “Hífen automático em textos html”

  1. 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.

  2. 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!

Os comentários estão desativados.