Quebra de palavra mais inteligente em CSS?
Se eu acabei de colocarword-break: break-all
em um elemento, muitas vezes acabo com isso:
Olá pessoas, estou digitando mes
sábio que é muito longo para caber!
Obviamente, isso seria muito melhor como:
Olá pessoal, estou digitando um
mensagem que é muito longa para caber!
Mas ao mesmo tempo, se alguém escreve:
BLAAAAAAAAARRRRRRRRRRRRGGGGGGGGHHHHHHHH !!!!!!
Então eu quero que seja:
BLAAAAAAAAARRRRRRRRRRR
RGGGGGGGGHHHHHHHH !!!!!!
Eu não consigo encontrar uma maneira de realmente fazer isso.
Observe que a largura do elemento não é fixa e pode mudar.