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，而不是两者......

如何解决这个问题？

4

1 回答 1

3

当前仅 Firefox 支持的text-transform值。full-width您可以向 Opera 提交错误报告，但由于该值仅在工作草案级别文档中定义（CSS 文本模块级别 3），我认为它不会引起太多关注。

解决方法：

1) 在内容的适用部分添加一段JavaScript 代码，将ASCII 字符替换为相应的全角字符（例如，U+FF21 中的“A”）。

2）做同样的替换服务器端或预处理。更健壮。

于 2013-09-20T12:57:36.937 回答