CSS中的数学表达式calc()浅谈

 

数学表达式calc()是CSS中的函数,主要用于数学运算。这篇文章给大家介绍了CSS中的数学表达式calc()的相关知识,感兴趣的朋友一起看看吧

数学表达式calc()是CSS中的函数,主要用于数学运算。使用calc()为页面元素布局提供了便利和新的思路。本文将介绍calc()的相关内容

定义

数学表达式calc()是calculate计算的缩写,它允许使用+、-、*、/这四种运算符,可以混合使用%、px、em、rem等单位进行计算

兼容性: IE8-、safari5.1-、ios5.1-、android4.3-不支持,android4.4-4.4.4只支持加法和减法。IE9不支持用于backround-position

注意:+和-运算符两边一定要有空白符

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

"test1">测试文字一   

"test2">测试文字二

应用

数学表达式calc()常用于布局中的不同单位的数字运算

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

"parent" style="background-color: lightgrey;">

    "left" style="background-color: lightblue;">

        

left

    

    "right"  style="background-color: lightgreen;">

        

right

        

right

    

总结

以上所述是小编给大家介绍的CSS中的数学表达式calc(),希望对大家有所帮助

转自:微点阅读  https://www.weidianyuedu.com


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部