ti-enxame.com

Quebra de CSS: quebra de Word não funciona no IE9

Eu tenho um pequeno script css que força <a> marca quebra de linha em uma div. Funcionou bem no FF, Chrome, mas não funcionou no IE9. Como posso corrigi-lo?

.tab_title a{
    Word-wrap: break-Word;
} 
24
hungneox

Eu removo a marca de âncora depois de .tab_title classe e funciona

3
hungneox

Para um problema semelhante, usei display: inline-block no <a> tag, o que parece ajudar. E Word-break: break-all como eu estava preocupado com URLs longos que não estavam quebrando.

Então, no seu caso, essencialmente ...

.tab_title a {
    display: inline-block;
    Word-break: break-all;
} 
25
Si Clancy

Isso pode ajudar: http://www.last-child.com/Word-wrapping-for-internet-Explorer/

Outra postagem também sugere aplicar Word-break:break-all e Word-wrap:break-Word para isso.

11
Duke Hall

Para mim, funcionou em ambos Chrome e IE com:

.Word-hyphen-break {
  Word-break: break-Word;
  Word-wrap: break-Word;
  width: 100%;
}

assim, não é necessário configurar a largura específica.

9
anniete

Tente o seguinte:

.tab_title a{
    -ms-Word-break: break-all;
    Word-break: break-all;
    Word-break: break-Word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
} 
7
Danny Connell

Word-wrap: Word-break; funciona apenas em ff e chrome e não no IE8 e IE9.
Word-break: break-all; também não funciona.

3
Prachi

Eu tive um bom sucesso no Chrome, Firefox e IE com o uso de:

Word-break: break-Word;
Word-wrap: break-Word;

No meu caso de problema, eu estava usando:

display: table-cell;

e acabei tendo que incluir

max-width: 440px;

para obter quebra automática em todos os navegadores. Na maioria dos casos, a largura máxima não era necessária. Usando

Word-break: break-all;

não funciona bem em IE porque, embora palavras longas sem espaços sejam agrupadas, palavras curtas também param de ser agrupadas em espaços).

1
Darren Reimer

Recentemente, eu estava lutando contra isso em Angular entre IE/Edge e Chrome. Aqui está o que eu achei que funcionou para mim

  overflow-wrap: break-Word;
  Word-wrap: break-Word;

Isso me deu o melhor dos dois. Quebraria a Palavra que era muito longa, mas, diferentemente da quebra da Palavra, não quebraria a metade da Palavra.

0
GR Envoy