Преобразование текста: полная ширина не работает в Опере - HTML

Question

<div style="position: relative; left: 30px; top: 20px; width: 200px; height: 30px; border: solid 1px black; text-align: center; vertical-align: middle; line-height: 30px; text-transform: full-width;">
<span style="color: #999999; font-family: tahoma; font-size: 12px; text-transform: full-width;" onmouseover="this.style.color='#000000';" onmouseout="this.style.color='#999999';">Example Text</span></div>

http://jsfiddle.net/CQwbQ/

Итак, у меня есть текст внутри div, и я заметил, что преобразование текста не имеет эффекта в Opera (он обычно работает в Firefox). У меня последняя версия Opera.

Я перепробовал все комбинации - выкладываю text-transform: full-width; в промежутке, чем в div, чем в обоих...

Как это можно исправить?

Answer 1

text-transform ценность full-width в настоящее время поддерживается только Firefox. Вы можете отправить отчет об ошибке в Opera, но так как это значение определено только в документе уровня рабочего проекта ( текстовый модуль CSS уровня 3), я не думаю, что на него будет обращено большое внимание.

обходные:

1) Добавьте фрагмент кода JavaScript, который заменяет символы ASCII соответствующими символами полной ширины (например, "A" на U+FF21) в соответствующих частях содержимого.

2) Сделайте такую ​​же замену на стороне сервера или с предварительной обработкой. Более крепкий.