Css可以加减乘除。在css中,可以使用calc()函数进行“加减乘除”四则运算,允许使用“+”、“-”、“*”和“/”等四种运算符,可以与%等单位混合,px、em、rem等单位进行计算。

中能加减乘除吗(中加减法)

本教程的操作环境:windows7系统,CSS3版本,Dell G3电脑。

css可以加减乘除。

数学表达式calc()是CSS中的一个函数,主要用于数学运算。它允许使用四种运算符:+、-、*、/并且可以混合% px、em、rem等单位进行计算

兼容性:IE8-,safari5.1-,ios5.1-,android4.3-不支持,android4.4-4.4.4。IE9不支持后退定位。

示例:

<style> .test1{ border: calc( 1px + 1px ) solid black; /* calc里面的运算遵循*、/优先于+、-的顺序 */ width: calc(100%/3 - 2*1em - 2*1px); background-color: pink; font-style: toggle(italic, normal); } .test2{ /* 由于运算符+的左右两侧没有空白符,所以失效 */ border: calc(1px+1px) solid black; /* 对于,不能小于0的属性值,当运算结果小于0时,按0处理 */ width: calc(10px - 20px); padding-left: 10px; background-color: lightblue; } </style> <div class="test1">测试文字一</div> <div class="test2">测试文字二</div>

更多编程相关知识,请访问:编程视频!!

以上是css中加减乘除的细节。更多详情请关注AdminJS.cn其他相关文章!

adminjs.cn是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在本网站中,您可以学习到最新的前端开发技术,了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例,让您可以快速掌握前端开发的核心技术和流程。 Adminjs.cn还提供一系列实用的工具和插件,帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化,可以帮助您节省时间和精力,提升开发效率。 在Adminjs.cn中,您可以找到您需要的一切前端开发资源,让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭,一起探索前端开发的无限可能!

声明:本文仅供个人学习使用,来源于互联网,本文有改动,本文遵循[BY-NC-SA]协议, 如有侵犯您的权益,请联系本站,本站将在第一时间删除。谢谢你

原文地址:中能加减乘除吗(中加减法)