calc属性
2023-09-14 09:07:54 时间
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>calc()函数_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test { width: calc(100% - 50px); background: #eee; } </style> </head> <body> <div class="test">我的宽度为100% - 50px</div> </body> </html>
cacl()
相当于是允许对属性进行一个数值的 计算
用于动态计算长度值。
需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);
任何长度值都可以使用calc()函数进行计算;
calc()函数支持 "+", "-", "*", "/" 运算;
calc()函数使用标准的数学运算优先级规则;
相关文章
- 给js对象添加属性和方法属性_js给json对象添加属性
- [翻译] WPF 中用户控件 DataContext/Binding 和依赖属性的问题
- 【Android FFMPEG 开发】FFMPEG ANativeWindow 原生绘制 ( 设置 ANativeWindow 缓冲区属性 | 获取绘制缓冲区 | 填充数据到缓冲区 | 启动绘制 )
- Linux进程属性及含义
- 管理Linux用户属性管理:获取控制(linux用户属性)
- JavaScript在IE中“意外地调用了方法或属性访问”
- 浅析JavaScript中的CSS属性及命名规范
- Jquery获取指定标签的对象及属性的设置与移除
- 使用变量动态设置js的属性名
- Jquery设置attr的disabled属性控制某行显示或者隐藏