Самый изящный способ вынудить элемент ТЕКСТОВОЙ ОБЛАСТИ перенестись строка, *независимо* пробела
Посмотрите на этот пример Plnkr
Переменная this сильно отличается timesCalled с каждым нажатием кнопки увеличивается только на 1. Ответ на мой личный вопрос:
.click( () => { } )
и
.click(function() { })
создают одинаковое количество функции при использовании в цикле, как вы можете видеть из подсчета Guid в Plnkr.
5 ответов
Настройки word-wrap:break-word и text-wrap:unrestricted CSS, кажется, функции CSS 3. Удача, находящая способ сделать это на текущих реализациях.
Я протестировал < wbr> , & #8203; и & застенчивый; методы. Все три работали хорошо в IE 7, Firefox 3 и Chrome.
единственный, который не повреждался скопировать/вставить, был < wbr> тег.
- quirksmode.org имеет обзор различных методов .
- существует связанное ТАК вопрос: "В HTML, как к разрыву слова на тире?"
- В браузерах, которые поддерживают его,
word-wrap: break-word, мог бы дать желаемый эффект также.
Существует нестандартный элемент wbr, который поддерживается по крайней мере
Firefox, http://developer.mozilla.org/En/HTML/Element
Internet Explorer, http://msdn.microsoft.com/en-us/library/ms535917 (По сравнению с 85) .aspx
и Opera.
Согласно моим тестам, только Firefox имеет описанное поведение среди текущих браузеров. Так что я думаю, что лучше всего дождаться скорого выпуска Firefox 3.1, который решит вашу проблему :)