在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
calc在css 中是一个函数,用来做数值的计算。可以进行长度、角度、时间等的计算。支持 示例的显示的效果 使用cacl 布局的一个示例 想做个一个效果, 就是在 css代码 #div1 { width: 100%; min-width: 400px; outline: blue; } #div2 { width: 300px; margin: 0 auto; outline: 1px solid #ccc; color: white; } html代码 <div id="div1" class="cw"> <div id="div2"> test </div> </div> 解决的方法 .cw { background:blue linear-gradient( to right, red calc(50% - 150px + 60px ) , transparent calc(50% - 150px + 60px ) ); } cacl 的兼容性 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持极客世界。 |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论