Parar palavras divisórias que envolvem a palavra - css, uiwebview, word-wrap

body { word-wrap: break-word;}

Eu tenho usado esse código (acima) para ajustar o texto no body No entanto, o que eu não gosto sobre isso, é que quebra as palavras.

Existe outra maneira em que não irá separar palavras e apenas quebra de linha depois ou antes de uma palavra?

EDIT: Isto é para uso dentro de um UIWebView.

Respostas:

6 para resposta № 1

usar white-space: wrap;. Se você tiver definido largura no elemento em que você está configurando isso, isso deve funcionar.

atualização - dados renderizados no Firefox

---

11 para resposta № 2

Pode ser um pouco tarde, mas você pode adicionar este css para parar as quebras de palavras:

.element {
-webkit-hyphens: none;
-moz-hyphens:    none;
-ms-hyphens:     none;
hyphens:         none;
}

---

5 para resposta № 3

Você pode tentar isso ...

body{
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}

{quebra de linha:;} é uma propriedade proprietária do IE, e não uma parte do css. O manuseio do firefox está correto. Infelizmente, o FF não suporta um hífen suave, portanto isso não é uma opção. Você poderia inserir um cabelo ou um espaço fino, / (verifique-me na entidade numérica) e /, respectivamente.

Fazer {overflow: hidden;} cortaria o excesso, e {overflow: auto;} causaria o estouro para ativar a rolagem.

---

3 para resposta № 4

Por favor use nowrap e wrap valor não veio para mim. Nowrap resolveu o problema.

Use white-space: nowrap;

---

2 para resposta № 5

Na minha situação, estou tentando garantir que as palavras sejam quebradas com as devidas quebras de palavras nas células da tabela.

Eu descobri que preciso do seguinte CSS para conseguir isso.

table {
table-layout:fixed;
}
td {
white-space: wrap;
}

verifique também se nada mais está mudando word-break para break-word ao invés de normal.

---

0 para a resposta № 6

Enfrentei um problema semelhante em minha estrutura de grade e usei: quebra de palavras: quebra de palavra; na minha grade e meu problema foi resolvido.

---

0 para resposta № 7

Eu tive o mesmo problema, resolvi usando o seguinte css:

.className {
white-space:pre-wrap;
word-break:break-word;
}

---