2013-06-17 9 views
6

Ich habe word-break:break-word zu den Kommentaren auf meiner Website hinzugefügt, um die Wörter zu trennen, wenn sie das Kommentarfeld überlaufen, aber es scheint nicht in Firefox zu arbeiten . Ich habe eine JS-Geige des Setups gemacht und es funktioniert. Also muss etwas widersprüchlich sein, aber ich kann es nicht für mein Leben finden.Word-Break: Break-Word funktioniert nicht in Firefox 21

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

Live-Problem: http://bit.ly/13NcY5F

+0

sieht aus wie dort ist ein Doppel-Semikolon, vielleicht Firefox mag es nicht? http://d.pr/i/6IKo – casraf

+0

Warum möchten Sie Wörter in eine richtige Wortteilung einfügen? –

Antwort

10

Sie können dies erreichen durch:

A. Verwenden word-break:break-all; statt word-break:break-word;

WORKING SOLUTION

B. Oder verwenden word-wrap: break-word; statt word-break:break-word;

WORKING SOLUTION

Soweit ich weiß, word-break hat nicht break-word Attribut.

Hoffe, dass dies hilft.

+2

Chrome unterstützt "word-break: break-word;" was unterscheidet sich von "word-break: break-all;". Es ist intelligenter und bricht nur dann in ein Wort hinein, wenn eine Pause zwischen Wörtern nicht möglich ist. – Andrej

+0

@Andrej - Können Sie eine Geige produzieren, die das zeigt, was Sie erwähnt haben? – Nitesh

1

u hv, um word-break zu verwenden: break-all; .. danach sollte es funktionieren.

+0

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

1

Sie müssen das folgende CSS verwenden.

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

Dies sowohl für funktioniert Chrome, Firefox.

+0

Dies beantwortet nicht die Frage, die über das Brechen * in * Wörtern wenn ist Sie sind länger als der Container selbst. Normales Wortumbruch bricht nur * zwischen * Wörtern. –

+0

Diese Lösung funktionierte für mich, sollte Antwort angenommen werden –