行内css能设定颜色,那能设定保留几位小数吗

html-css020

行内css能设定颜色,那能设定保留几位小数吗,第1张

CSS是Cascading Style Sheets(层叠样式表单)的简称。更多的人把它称作样式表。顾名思义,它是一种设计网页样式的工具。只能改变网页的颜色、风格,不能改变小数位数。

如果想改变小数位数,可以在script中用函数toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

语法:NumberObject.toFixed(num)

num 参数必需有。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。 

返回值:返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必要,该数字会被舍入,也可以用 0 补足,以便它达到指定的长度。如果 num 大于 le+21,则该方法只调用 NumberObject.toString(),返回采用指数计数法表示的字符串。

抛出:当 num 太小或太大时抛出异常 RangeError。0 ~ 20 之间的值不会引发该异常。有些实现支持更大范围或更小范围内的值。当调用该方法的对象不是 Number 时抛出 TypeError 异常。

toFixed() 例子:

比如百分比布局之类的,你浏览器可视区宽度1000px,你定义三个横在一行的div,每个宽度:33.33333%,那么1000px/3总是除不尽的,就会产生小数点,所以js动态计算出的宽高、位置啊,都最好要把值取个整再赋给元素。

最终浏览器渲染还是要把这个百分比值还原成像素才能在屏幕上正确显示(屏幕是基于像素的),所以你那三个div渲染出来实际宽度是:333px、333px、334px,但是在浏览器内部记录的宽度是33.3333..%。