Não foi possível carregar o Diqus. Se você é o moderador, por favor veja o nosso guia de problemas.

Rodrigo Rosenfeld Rosas • 13 anos atrás

Uma outra técnica seria utilizar um span como wrap, fazendo algo assim: <span class=palavras-juntas>últimas palavras</span> e um CSS assim:

.palavras-juntas{ white-space: nowrap; }

Nando Vieira • 13 anos atrás

Eu só não usei dentro de tags porque não queria criar isso no JavaScript, já que o resultado é o mesmo (JavaScript vs SEO vs Bullshit). E modificar os títulos manualmente para colocar as tags de controle é inviável.

Rodrigo Rosenfeld Rosas • 13 anos atrás

Na verdade eu não sugeri criar os wrappers em JavaScript :) Apenas utilizá-las diretamente no HTML e não usar JS pra isso, como o Saulo também sugeriu :) Não entendi o problema com o jsfiddle que você postou. Funcionou pra mim. Não é toda a linha que não quebra. Só o que está dentro do elemento com a propriedade nowrap. O resultado parece ser o mesmo que utilizando sua técnica original:

http://pbrd.co/VsKRC7

Nando Vieira • 13 anos atrás

Sim, sim... o problema acontece quando o white-space é aplicado em todo o elemento (como do jsfiddle mostra). Como o Saulo Santiago não especificou, inferi que era em tudo.

Eu realmente não queria fazer isso em cada um dos posts (mesmo que eu possa fazer isso em um loop e programaticamente). Parece "sujo". :)

Saulo Santiago • 13 anos atrás

Legal mas acho que usando somente css ficaria mas simples (white-space: nowrap)

Nando Vieira • 13 anos atrás

Não, isso que você sugeriu não funciona. O white-space: nowrap faz com que toda a linha não quebre. Você pode ver o problema no link http://jsfiddle.net/fnando/...

Daniel Filho • 12 anos atrás

Muito boa essa técnica.

Pra quando quiser quebrar palavras longas, também tem a tag `<wbr>` que é bem pouco usada :)
Mais aqui: https://developer.mozilla.o...

Abraço!