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]是一个单词，并且会适当地换行。我不知道触发这种特殊行为的标点符号列表是什么。

firefox中的自动换行错误，适用于safari和chrome

2 个答案: