2012-04-11 2 views
0

Пожалуйста, просмотрите приведенный ниже код как html как в Firefox, так и в других браузерах, таких как хром или сафари.ошибка обмана в Firefox, работает в сафари и хроме

[]() и другие \ 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> 

Спасибо за вашу помощь

+0

Работа в FF v.11.0 –

+0

Как указано выше, он отлично работает в FF 11.0. Я помню, что проблемы с word-wrap не работают в более старых версиях Firefox. Но тогда в этих версиях слово-обертка не была должным образом реализована. – sarcastyx

+0

Я пытался опубликовать несколько скриншотов, но из-за моего статуса n00b на этом сайте это не позволит мне. Наверное, я действительно не пытался объяснить эффект, который я собираюсь сделать. Строка As, обертка браузера, когда As достигает ограничения ширины div. Где, как с [X], браузер обертывается после скобки. Я считаю, что это связано с тем, что браузер считает словом. это можно легко установить с помощью pre и
, вставленных с использованием JS. Но бесплатное решение JS было бы интересно – Vickenstein

ответ

1

Я сделал полный список специальных символов/строк, чтобы избежать, если вы намерены не иметь преждевременного деформирования.

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

Это не имеет ничего общего с word-wrap собственности; Firefox считает, что [X][X] будет одним словом и будет соответствующим образом перенесено. Я не знаю, что такое список знаков препинания, который вызывает это особое поведение.

+0

Я тоже это заметил, но я очень стараюсь найти способ обойти эти специальные символы. потому что очень легко взломать div, чтобы добавить
в соответствии с вашим вкусом длины упаковки. Но для текстового поля я не могу представить никаких решений. – Vickenstein

Смежные вопросы