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

Question

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

0

<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, чем в обоих...

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

weaponx 20 сен. 2013, в 14:37

Источник

Теги:

html

css

text

opera

1 ответ

Ещё вопросы

Jukka K. Korpela · Answer 1 · 2013-09-20T11-32-00.000Z

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

обходные:

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

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

Я только что попробовал один конвертер ( linkstrasse.de/en/… ), и он обычно работает, но он дает совершенно разные результаты в FF и O. см .: jsfiddle.net/CQwbQ/2