Firefox中的自动换行错误,适用于Safari和Chrome



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

感谢您的帮助

我制作了一个特殊字符/字符串的完整列表,如果您打算不过早变形,请避免使用。

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

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

最新更新