word-break的解決方案：在Firefox中打破所有樣式？

我想換一個TD內的文本，並使用下面的風格word-break的解決方案：在Firefox中打破所有樣式？

word-break:break-all

在IE完全正常，但在Firefox失敗，請閱讀此心不是支持！嘗試了http://petesbloggerama.blogspot.com/2007/02/firefox-ie-word-wrap-word-break-tables.html中給出的解決方案。似乎也沒有工作，任何解決方案？

感謝，阿達什訥

來源

2011-12-21 KeenUser

從博客的解決方案對我的作品完美。 – fyr 2011-12-21 13:51:58

我嘗試在td級應用HardBreak類，它沒有工作，是你所做的一切嗎？ – KeenUser 2011-12-21 13:56:48

是的，我只將類名添加到td，就是這樣。 – fyr 2011-12-21 14:11:52

我終於遇到了一些麻煩，這也但我設法得到它的工作：。

.hardBreak { 
    white-space: pre-wrap; /* css-3 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap; /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word; /* Internet Explorer 5.5+, 6, 7, 8 compability-mode */ 
    -ms-word-break: break-all; /* Internet Explorer 8 */ 
}

我希望這有助於

擁有IE8純模式時需要最後一個選項。這適用於我，並在FF8，IE 7,8兼容性，8native，Chrome中進行測試。

來源

2011-12-22 09:14:23 fyr

word-break：keep-all; 在Firefox中工作。 – aleXela 2013-07-07 18:03:35

Aword-break：break-all; nswer正在變老。因爲它出現在Google搜索中，所以我想建議用新的信息更新它：現在'word-break：break-all;'也可以在Firefox中使用:) – 2017-06-22 10:40:21

我不認爲你提到已經有一段時間工作的解決方案;它可能（不經意地）在Firefox的某些過去版本上工作過，但它看起來並不像預計會做這項工作的那樣（pre-wrap不應該被認爲會打破文字）。

使火狐視爲允許的直接斷行機會的方法是<wbr>標記 - 沒有任何規範，但廣泛支持。通常最好使用合適的點，但在極端情況下，甚至可以將它放在任何兩個字符之間（大概你可以使用預處理，服務器端腳本或客戶端JavaScript來完成）。

來源

2011-12-21 14:34:40

試試這個：

word-wrap:break-word

應該在所有的瀏覽器（只要你有你把它應用到div /小區的固定寬度...

來源

2011-12-21 16:13:53 Fred

沒有這個人甚至沒有在IE工作在td級別工作。 – KeenUser 2011-12-22 05:04:00

如果您發佈實際的HTML，我可以看看。你在td標籤上有固定的寬度嗎？ – Fred 2011-12-22 14:11:13

使用 word-wrap：break-word; 它肯定會工作！

來源

2014-04-10 09:22:50

將代碼提供給您的答案並使其成爲一點簡要。 – 2014-04-10 09:41:04

隨着

display : block;

這是確定

來源

2015-02-12 08:44:01 Cyril

自動換將只直列塊或塊元件工作。所以，你必須改變你的元素類型。像：

.example { 
 
    display: inline-block; 
 
    word-break: break-all; 
 
}

來源

2016-09-12 20:29:09

好點。在我身邊有這個問題，並用內嵌塊固定。謝謝。 – 2017-11-20 12:42:34

word-break的解決方案：在Firefox中打破所有樣式？

回答

相關問題