firefox中的文字包裝錯誤，在safari和chrome中工作

請在firefox以及其他瀏覽器（如chrome或safari）中將下面的代碼視爲html。firefox中的文字包裝錯誤，在safari和chrome中工作

[]（）和其他\ W字符似乎導致自動換以產生過早包裹

正如火狐指定，自動換被充分執行。

<style> 
    div.working {background:blue; height:400px; width:130px;} 
    div.notWorking {background:red; height:400px; width:130px;} 
    div {oveflow:hidden; word-wrap: break-word; font-family:monospace} 
</style> 

<div class="working">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div> 

<div class="notWorking">[X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X]</div>

感謝您的幫助

來源

2012-04-11 Vickenstein

在FF中工作v.11.0 – 2012-04-12 00:00:59

如上所述，它在FF 11.0中工作正常。我確實記得使用Word-wrap的問題不適用於舊版本的Firefox。但是在這些版本中沒有正確實施文字包裝。 – sarcastyx 2012-04-12 00:14:17

我試圖張貼一些截圖，但因爲我在這個網站上的n00b狀態，它不會讓我。我想我並沒有真正嘗試解釋我要做的效果。使用As的字符串，當As達到div寬度的限制時，瀏覽器將自動換行。與[X]一樣，瀏覽器在括號後換行。我相信這與瀏覽器認爲是一個詞有關。這可以通過使用JS插入pre和
來輕鬆修復。但一個JS免費的解決方案將是有趣的 – Vickenstein 2012-04-13 15:00:23

我做了一個特殊字符/字符串的綜合列表，以避免如果你不想過早翹曲。

'][',')(','}{','-','><','\/'

來源

2012-05-18 15:07:43 Vickenstein

這是無關的word-wrap財產; Firefox認爲[X][X]是一個詞，並會適當包裝。我不知道觸發這種特殊行爲的標點符號列表是什麼。

來源

2012-05-09 23:31:25 Neil

我也注意到了這一點，但我很想找到解決這些特殊字符的方法。因爲根據你的包裝長度的味道，真的很容易破解div來添加
。但對於textarea我似乎無法找到任何解決方案。 – Vickenstein 2012-05-15 15:44:01

firefox中的文字包裝錯誤，在safari和chrome中工作

回答

相關問題