html - Firefox 中的自动换行错误，适用于 safari 和 chrome

Question

请在 firefox 和 chrome 或 safari 等其他浏览器中以 html 格式查看以下代码。

[ ] ( ) 和其他 \W 字符似乎会导致自动换行产生过早的换行

正如 Firefox 所指定的，自动换行已完全实现。

<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>

谢谢你的帮助

Answer 1

如果您打算避免过早变形，我列出了一个完整的特殊字符/字符串列表来避免。

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

Answer 2

word-wrap这与财产无关；Firefox 认为[X][X]是一个单词，并且会适当地换行。我不知道触发这种特殊行为的标点符号列表是什么。