css3整理--calc()
2024-10-19 00:25:26
calc()语法:
elem{
width:calc( 50% -2px );
}
取值说明:
calc是计算的缩写,上句含义是:计算elem父元素的50%再减2px,并将结果赋值给elem的width属性
calc()能做什么:
calc()可以通过动态的计算来得到元素的宽度或者高度。
例如:width:calc(50% - 2px)。当为元素设置了2px的边框时,通过这样的计算就可以避免因超出而折行。
可以使用 + - * / 等运算符来进行计算
注意:表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空格的写法是错误的;
兼容性:
IE9+、FF4.0+、Chrome19+、Safari6+支持该属性,也就是说现在仍然需要兼容的IE8并不适用,开发时如果使用该属性,需要考虑通过hack的方式兼容IE8
最新文章
- 【原】iOS 同时重写setter和getter时候报错:Use of undeclared identifier '_name';did you mean 'name'
- 开发socketserver 以及定制开发自己的FTP服务器
- spring源码分析之spring-core总结篇
- Oracle Forms 10g Tutorial Ebook Download - Oracle Forms Blog
- AI: Jarvis
- Requirejs之AMD规范
- Java开发中经典的小实例-(do{}while())
- 第一个Struts2程序
- mysql:mysql_query(): Unable to save result set
- UVA 11549 CALCULATOR CONUNDRUM(Floyd判圈算法)
- ZOJ 3607 Lazier Salesgirl 贪心
- 左右GNU Linux企业加密文件系统 eCryptfs简介
- Jquery 获取上传文件大小
- Oracle Day09 存储与触发器
- Web in Linux小笔记001
- 利用脚本将EXCEl表倒入PowerDesigner中
- Java Web服务器的联机交易
- [ZJOI2011]最小割
- 用户态处理arp、ndisc neighbour solication 报文
- 微信小程序 - 非入侵式布局