<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>
Поэтому у меня есть текст внутри div, и я заметил, что текстовое преобразование не действует в Opera (оно нормально работает в Firefox). У меня последняя версия Opera.
Я пробовал все комбинации - поместив text-transform: full-width;
в промежутке, чем в div, чем в обоих...
Как это можно зафиксировать?
Значение text-transform
full-width
в настоящее время поддерживается только Firefox. Вы можете отправить отчет об ошибках в Opera, но поскольку значение определено только в документе рабочего документа уровня проекта (CSS Text Module Level 3), я не думаю, что это привлечет много внимания.
обходные:
1) Добавьте фрагмент кода JavaScript, который заменяет символы ASCII соответствующими символами полной ширины (например, "A" U + FF21) в соответствующих частях содержимого.
2) Выполняйте ту же замену на стороне сервера или с предварительной обработкой. Более надежный.