<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;
放在span中,而不是放在div中,而不是放在两者中......
如何解决这个问题?
答案 0 :(得分:3)
目前仅支持Firefox full-width
的{{3}}值。您可以向Opera提交错误报告,但由于该值仅在工作草案级别文档中定义(text-transform
),我认为它不会引起太多关注。
解决方法:
1)添加一段JavaScript代码,用相应的全角字符替换ASCII字符(例如,U + FF21的“A”)。
2)执行相同的服务器替换或预处理。更强大。