Как исправить ширину текстовой области в количестве символов? (атрибут cols НЕ работает) ⇐ Html

[Anonymous]

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

Есть несколько подобных вопросов, но общепринятый ответ, а именно использование атрибута cols, решительно не работает, как показано в этом jsFiddle. HTML-код для него такой:

Код: Выделить всё

1

1234567890

12345678901234567890

1234567890123456789012345678901234567890

12345678901234567890123456789012345678901234567890123456789012345678901234567890

Фактическая ширина всегда существенно больше необходимой. (По крайней мере, в Safari избыток остается постоянным, независимо от указанного значения cols; однако в Chrome избыток растет по мере роста значения cols.)

Я также пробовал использовать свойство CSS width с единицами em и ex. Последнее приводит к тому, что поля на несколько символов уже, чем необходимо, тогда как первое приводит к еще большей ширине, чем та, которая получается из атрибута cols.

Наконец, я исследовал установку ширины в ex-единицах как числа, полученного путем умножения количества символов на некоторый коэффициент выдумки. Это не только отвратительно (мы не должны выполнять работу браузера), но и не является кроссбраузерным: коэффициенты подделки, которые я нашел для Chrome и Safari (например), существенно различаются (1,333 против 1,415).

Есть ли профессиональный1 способ сделать это?



1т.е. кроссбраузерность, отсутствие догадок, отсутствие взлома, документирование, продуманность и т. д.

Подробнее здесь: https://stackoverflow.com/questions/281 ... ute-does-n