[CSS]发现text-transform属性capitalize在IE与FireFox中的细微区别

一直都发现CSS中关于text-transform的capitalize属性在IE和FireFox下分别有细微的差别.在此小小总结一下.
  text-transform属性是用来设置字母大小写的,只针对英文字母.capitalize是text-transform的其中一个属性值,意思是单词首字母大写.但如果某个单词前面有中文,且中文与该英文单词之间没有空格,例如"<p>公司company</p>",或"<p>公司<span>company</span></p>",如果对这个进行设置capitalize属性值,则在IE下会显示正常:"公司Company",但在FireFox下却显示为:"公司company",也就是说在FireFox下毫无任何效果,相当于capitalize属性值无效,很显然这不是我们想要的.但是如果在中英文之间加个空格,则两个浏览器均显示正常,如:"<p>公司 company</p>",或"<p>公司 <span>company</span></p>".
  总结:IE浏览器虽然有很多bug,有些地方也没有按照国际通用标准设计,包括最新的IE8正式版,但有些地方还是考虑了用户的实际使用习惯的,尽管某些习惯不符合严格意义上的"逻辑".FireFox的capitalize可能是严格执行了首字母大写的规则,但它没有考虑是否是中文还是英文,统一判断为如果没有空格出现,当前首字母就不能称之为"首字母",因此不执行大写,尽管相邻两个字符之间一个是中文,一个是英文.
  掌握了这个规律之后,以后编写代码时,如果遇到中文后面紧跟英文的,英文的第一个字母还是手动大写的为好.

[本日志由 黑咖啡 于 2009-03-31 00:38:23 编辑]
上一篇: 部落格顺利升级到PJ3
下一篇: [CSS]PJblog通用皮肤首字下沉Bug之CSS修改
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: CSS text-transform capitalize 细微区别
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.