首页 > web前端 > html教程 > css中calc()的使用 - 天上云好白

css中calc()的使用 - 天上云好白

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-05-20 13:48:52
原创
1429 人浏览过

calc()是css3中新出现的特性,可以用于动态计算,非常方便。

首先是兼容性

再来看看怎么使用

<span style="color: #800000;">html</span>{<span style="color: #ff0000;">
    font-size</span>:<span style="color: #0000ff;"> 20px</span>;
}<span style="color: #800000;">
div</span>{<span style="color: #ff0000;">
    width</span>:<span style="color: #0000ff;"> calc(50% - 1px)</span>;<span style="color: #ff0000;">
    height</span>:<span style="color: #0000ff;"> calc(100px + 1rem)</span>;
}
登录后复制

要注意的是,计算符号两边需要留空格。

非常的简单易用。

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板