本教程操作环境:windows10系统、css3&&html5版本、dell g3电脑。
css3中calc怎么设置除法calc() 函数用于动态计算长度值。
需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);
任何长度值都可以使用calc()函数进行计算;
calc()函数支持 +, -, *, / 运算;
calc()函数使用标准的数学运算优先级规则;
语法为:
calc(expression)
expression 必须,一个数学表达式,结果将采用运算后的返回值。
示例如下:
<!doctype html><html><head><meta charset="utf-8"> <title>123</title> <style>input { padding: 2px; display: block; width: calc(100% - 1em);}#formbox { width: calc(100% / 6); border: 1px solid black; padding: 4px;}</style></head><body><form> <div id="formbox"> <label>type something:</label> <input type="text"> </div></form></body></html>
输出结果;
(学习视频分享:css视频教程)
以上就是css3中calc怎么设置除法的详细内容。
