理解CSS中的数学表达式calc()_html/css_WEB-ITnose
程序员文章站
2022-05-21 10:18:11
...
前面的话
数学表达式calc()是CSS中的函数,主要用于数学运算。使用calc()为页面元素布局提供了便利和新的思路。本文将介绍calc()的相关内容
定义
数学表达式calc()是calculate计算的缩写,它允许使用+、-、*、/这四种运算符,可以混合使用%、px、em、rem等单位进行计算
兼容性: IE8-、safari5.1-、ios5.1-、android4.3-不支持,android4.4-4.4.4只支持加法和减法。IE9不支持用于backround-position
[注意]+和-运算符两边一定要有空白符
测试文字一测试文字二
应用
数学表达式calc()常用于布局中的不同单位的数字运算
left
right
right
推荐阅读
-
用Html+Css+JavaScript中的事件和正则表达式做一个“个人信息登记表“
-
css3中的content和实体_html/css_WEB-ITnose
-
DIV+CSS在不同浏览器中的表现_html/css_WEB-ITnose
-
世界上最疯狂10个建造中的摩天大楼_html/css_WEB-ITnose
-
media query中的条件重叠_html/css_WEB-ITnose
-
php正则匹配html中的带class的div,选取其中的内容_html/css_WEB-ITnose
-
外部引用CSS中 link与@import的区别_html/css_WEB-ITnose
-
css3中关于伪类的使用_html/css_WEB-ITnose
-
像csdn博客文章中图片和文字、代码等的排版是如何在服务器数据库中存储的?_html/css_WEB-ITnose
-
CSS中的盒子模型详解_html/css_WEB-ITnose