Почему IE оборачивает эту текстовую область по-другому?

Question

Интересно, это.У меня есть следующий код JS, который я отображаю в текстовой области.

var drinks = ['coffee', 'tea', 'Ribena', 'Vimto', 'ginger beer', 'hot chocolate'];

Там, где требуется перенос, IE разбивает ДО первой квадратной скобки (то есть начало массива, но фактический код JSздесь не важно), в то время как другие браузеры разбивают В квадратных скобках.

Последнее кажется правильным, поскольку в квадратных скобках есть пробелы (то есть ломающиеся точки).

НетПрикольный перенос слов или пробел в CSS.Что я могу с этим поделать?

Answer 1

Есть несколько символов - () [] {} «»% ° · / !? этот Internet Explorer автоматически интерпретируется как разрыв строки. У вас есть особая ситуация, когда вы пытаетесь выполнить эту работу внутри текстовой области, поскольку вы не можете отобразить HTML внутри тега.

Теоретически, вы можете сделать что-то вроде:

<textarea><nobr>var drinks = ['coffee', 'tea', 'Ribena'];</nobr></textarea>

и IE не будет автоматически разбиваться на символы, такие как [как отмечено в вашем примере. За исключением того, что вы явно не можете использовать тег html внутри текстовой области, так что это просто невозможно.

В качестве альтернативы, если вы ищете такой, вы могли бы попробовать использовать прокручиваемый div вместо текстовой области для этой ситуации?