作者:bearden孔 | 来源:互联网 | 2020-08-25 19:15
CSS中的calc()函数可用于动态计算长度值,比如宽度、高度以及字体的大小等,你可以通过calc函数使用100px+50px或3em-1em等进行算术运算来设置。
CSS中的calc()函数可用于动态计算长度值,比如宽度、高度以及字体的大小等,下面我们就来看看CSS中的calc()函数的具体用法。
CSS的calc函数是一个可以使用计算公式进行布局和设置大小规范的函数。
代码如下
创建calc.html并编写以下HTML文件
这是一个未使用calc的div。
这是一个使用了calc的div。
这是设置了3em的div
这是一个设置了calc(3em+2em)的div
以上代码在浏览器中显示效果如下
本篇文章到这里就全部结束了,关于CSS更多精彩内容大家可以移步到 第一PHP社区 的CSS视频教程栏目进一步学习!!!
以上就是CSS中calc()函数怎么使用的详细内容,更多请关注 第一PHP社区 其它相关文章!