2013-06-17 29 views
6

Ho aggiunto word-break:break-word ai commenti sul mio sito per iniziare a scomporre le parole quando superano la casella dei commenti, ma non sembra funzionare in Firefox . Ho fatto un violino JS del setup e funziona. Quindi qualcosa deve essere in conflitto, ma non riesco a trovarlo per la vita di me.Word-break: break-word non funziona in Firefox 21

JS Fiddle (di lavoro): http://jsfiddle.net/F6K99/6/

problema dal vivo: http://bit.ly/13NcY5F

+0

sembra che ci sia un punto e virgola doppio, forse a Firefox non piace? http://d.pr/i/6IKo – casraf

+0

Perché vuoi pronunciare le parole e la corretta divisione delle parole? –

risposta

10

È possibile ottenere questo dal seguente:

A. Uso word-break:break-all; invece di word-break:break-word;

WORKING SOLUTION

B. alternativa, utilizzare word-wrap: break-word; invece di word-break:break-word;

WORKING SOLUTION

Per quanto ne so, word-break non ha attributi break-word.

Spero che questo aiuti.

+2

Chrome supporta "word-break: break-word;" che è diverso da "word-break: break-all;". È più intelligente e si spezzerà in una parola solo se non è possibile una pausa tra le parole. – Andrej

+0

@Andrej - Puoi produrre un violino dimostrando ciò che hai menzionato? – Nitesh

1

uv utilizzare la funzione di interruzione della parola: break-all; .. dovrebbe funzionare dopo.

+0

http://stackoverflow.com/questions/17143614/word-breakbreak-word-not-working-in-firefox-21/17143678#17143678 – Nitesh

1

È necessario utilizzare il seguente CSS.

word-break:normal; 
word-wrap:normal; 

Questo funzionerà sia per Chrome, sia per Firefox.

+0

Questo non risponde alla domanda, che riguarda la rottura * all'interno di * parole se sono più lunghi del contenitore stesso. Il normale word wrapping/breaking si interrompe semplicemente * tra * parole. –

+0

Questa soluzione ha funzionato per me, dovrebbe essere accettata risposta –