zl程序教程

您现在的位置是:首页 >  前端

当前栏目

CSS 小数 处理

CSS 处理 小数
2023-09-14 09:03:17 时间

在不同浏览器或者同一浏览器的不同版本中,CSS 都会对小数进行取整(直接去除小数还是会根据小数的大小进行判断就不一定了)
测试代码:

 !DOCTYPE html 

 html 

 head 

 meta http-equiv="Content-Type" content="text/html; charset=utf-8" / 

 title /title 

 meta charset="utf-8" / 

 style type="text/css" 

 .class1 {

 width: 10.1px;

 height: 10.8px;

 border: 0px;

 background-color: Black;

 /style 

 script type="text/javascript" 

 window.onload = function () {

 var div1 = document.getElementById("div1");

 var clientWidth = div1.clientWidth;

 var offsetWidth = div1.offsetWidth;

 var scrollWidth = div1.scrollWidth;

 var ul = document.createElement(ul);

 var oLi1 = document.createElement(li);

 oLi1.innerHTML = "div.clientWidth=" + clientWidth;

 ul.appendChild(oLi1);

 var oLi2 = document.createElement(li);

 oLi2.innerHTML = "div.offsetWidth=" + offsetWidth;

 ul.appendChild(oLi2);

 var oLi3 = document.createElement(li);

 oLi3.innerHTML = "div.scrollWidth=" + scrollWidth;

 ul.appendChild(oLi3);


var oLi4 = document.createElement(li); oLi4.innerHTML = "div.clientHeight=" + clientHeight; ul.appendChild(oLi4); var oLi5 = document.createElement(li); oLi5.innerHTML = "div.offsetHeight=" + offsetHeight; ul.appendChild(oLi5); var oLi6 = document.createElement(li); oLi6.innerHTML = "div.scrollHeight=" + scrollHeight; ul.appendChild(oLi6); div1.appendChild(ul); /script /head body div id="div1" /div /body /html

测试结果:
这里写图片描述
这里写图片描述
这里写图片描述


css中的2D转换 CSS2D转换 今天给大家带来的是css经常用到的属性,不管是元素旋转还是元素移动,都是用到了css3的transform属性,今天我们就来看看这个属性的用法。
CSS2D转换 今天给大家带来的是css经常用到的属性,不管是元素旋转还是元素移动,都是用到了css3的transform属性,今天我们就来看看这个属性的用法。