设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 创业者 手机 数据
当前位置: 首页 > 服务器 > 系统 > 正文

CSS中的指定值、初始值和计算值学习教程(4)

发布时间:2020-03-15 08:09 所属栏目:52 来源:站长网
导读:returndocument.defaultView?document.defaultView.getComputedStyle(obj,null).getPropertyValue(style):obj.currentStyle[_style.replace(/-[a-z]/g,function(){ returnarguments[0].charAt(1).toUpperCase(); })

      return document.defaultView ? document.defaultView.getComputedStyle(obj, null).getPropertyValue(style) : obj.currentStyle[_style.replace(/-[a-z]/g, function() {   

          return arguments[0].charAt(1).toUpperCase();   

      })];   

}  

其中,需要注意的是,在 IE 里,浮动的计算值不能直接使用 'float' 特性来取, 需要使用的是 'styleFloat',可能 IE 中还存在其他类似的情况。请根据实际用途修改函数。
最后,关于使用值,可以直接使用浏览器开发者工具查看,在 Firebug 中,使用值就是 "计算出的样式"。Chrome 里则是 "Computed Style"。
实际值
经过以上三个步骤的处理,使用值基本上成为渲染所需要的值。但是用户端可能不能够在当前环境中使用这个值。例如:
div{
    width: 3.1415926px;
}
在某些浏览器中,只能显示整数类型的长度,因此,虽然上面的宽度在计算后的值与设置的相同,但是,浏览器却没有办法按小数来显示。
Firefox Chrome 等浏览器都会以以一定的方式对值做一些取舍。Firefox 采用了四舍五入的形式,Chrome 中却会直接取整,在这点上需要特别注意哦。

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读