Firefox 将支持 css calc() 属性


Firefox 将在新版本中添加对 css 中 calc() 的支持。目前暂时还没有浏览器支持该功能。
下面简要介绍下 calc() 的用法。顾名思义,calc() 既是计算的意思。例如:

/*
 * 两个并排的 div, 相距 1em。
 */
#a, #b {
    float:left;
}
#a {
    width:75%;
    margin-right: 1em;
}
#b {
    width: -moz-calc(25% - 1em);
}


从上例可以看出 calc() 可以混合不同的单位进行计算。同样你还可以将其应用到 margin, padding, border 等属性上。

    和 "-moz-opacity" 等其他私有属性一样,在 Firefox 中初期还只能用 -moz-calc,前面有个"-moz-",以后可能会"转正"成为 "calc"。

calc() 目前将支持 +, -, *, /, mod, min, 以及 max 等运算。例如:

#c {
    width: -moz-calc(3px + 50%/3 - 3em + 1rem);
}
#d {
    height: -moz-min(36pt, 2em);
    width: -moz-max(50%, 18px);
}


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3