CSS calc() 函数 动态的改变元素的 宽高长度

Daming 2018-04-03
0条评论 872 次浏览
Daming 2018-04-030条评论 872 次浏览

calc()能让你定义的元素的做计算,可以给元素使用百分比、em、px和rem单位值计算出其宽度或者高度

比如说“width:calc(50% + 2em)”,再不用担心烦人的宽度问题,而是把这个问题交给浏览器处理

  1. 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% – 10px);
  2. 任何长度值都可以使用calc()函数进行计算;
  3. calc()函数支持 “+”, “-“, “*”, “/” 运算;
  4. calc()函数使用标准的数学运算优先级规则;
  5. 可以混合使用各种单位进行计算;
0

发表评论

电子邮件地址不会被公开。