Esse código [hyphens] ajuda bastante, ele habilita no browser a
hifenização automática de acordoLayout 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.
com a linguagem (pt_BR, en, etc) e isso
melhora a visualização dos textos quando se usa
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
;
}
Neste 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. http://dev.w3.org/csswg/css-text/#hyphens
Postar um comentário