CSS 3 中是有计算函数的,名称是 calc()。

比如:height:calc(300px * 0.1);

但是,如果我们想实现 width * 0.1,来实现宽高比约束,就没办法了,而且也不支持变量。所以说用处实际上并不大。只是有下面这种情况,我觉得有一点用,但也仅仅是省点代码而已。/*原来的 CSS 代码,使 div 框居中显示*/

div

{

position:absolute;

top:50%;

left:50%;

margin-top:-100px;

margin-left:-200px;

width:400px;

height:200px;

background:lightblue;

}

/*新的 CSS 代码,使用 calc(),同样使 div 框居中显示*/

div

{

position:absolute;

top:calc(50% - 100px);

left:calc(50% - 200px);

width:400px;

height:200px;

background:lightblue;

}

注意:前面的 calc(300px * 0.1),* 两端要不要空格都没什么;而 calc(50% - 100px),- 两端一定要有空格。所以操作符两端最好写上空格,否则很可能 calc() 不生效(+、- 必须要空格,*、/ 可以不要)。

还有一种是 width:(100% - 10px),就是 100% 宽度减去 padding 的 10px,但是这种情况通常也可以用改变 box-sizing 来解决(使宽度包含 padding),所以也没起什么决定性作用。而如果 10px 是 margin,倒是也起到一点作用,但是也没多大作用,以前没 calc() 解决起来也不麻烦。

c语言中calc是什么函数,CSS 3 中的计算函数 calc() 有啥用?相关推荐

  1. c语言的字符串不是存放,在C语言中,字符串不存放在一个变量中,而是存放在一个中...

    在C语言中,字符串不存放在一个变量中,而是存放在一个中 答:数组 中国大学MOOC: 请选择恰当的选项填入划线的空白处.国 生活習慣が違います. 答:によって 中国大学MOOC: 下列项目中,不应作为 ...

  2. python文件定位函数_C语言中文件定位函数总结

    C语言中文件定位函数主要是:fseek, ftell, fsetpos, fgetpos. 先来讲前两个函数,这是最基本的定位函数: fseek函数:能把文件指针移动到文件任何位置,其原型是:int ...

  3. rectpuls函数 matlab,Matlab中的rectpuls函数解析

    Matlab中的rectpuls函数解析 Matlab中的rectpuls函数解析 1.先看Matlab中的解释: This MATLAB function returns a continuous, ...

  4. Oracle中to_char函数和MySQL中的str_to_date函数区别

    标题Oracle中to_char函数和MySQL中的str_to_date函数 1. str_to_date()----->相当于Oracle中的to_char(): 字符串转换为日期格式 (1 ...

  5. oracle用case计算分段函数,分段函数在微积分中地计算.PDF

    分段函数在微积分中地计算 2013 年12 月 石家庄理工职业学院学术研究 Dec.2013 第8 卷 第4 期 Academic Research of Shijiazhuang Institute ...

  6. 主成分分析函数Matlab,matlab中主成分分析的函数1

    princomp函数,pcacov函数,pcares函数,barttest matlab中主成分分析的函数 1. princomp函数 功能:主成分分析 格式:PC=princomp(X) [PC,S ...

  7. c语言中strtod用法,C语言进阶之路:strtod()函数的用法!

    函数原型: #include double strtod(const char *nptr, char **endptr); C语言及C++中的重要函数. 名称含义 strtod(将字符串转换成浮点数 ...

  8. c语言中void和define,C语言里面的内联函数(inline)与宏定义(#define)探讨

    C语言里面的内联函数(inline)与宏定义(#define)探讨 先简明扼要,说下关键: 1.内联函数在可读性方面与函数是相同的,而在编译时是将函数直接嵌入调用程序的主体,省去了调用/返回指令,这样 ...

  9. C语言中的cbp文件是什么,C语言编程入门——函数(上)

    函数是结构化编程语言中最重要的组成部分,模块独立化的基本单位. 函数的声明: # include void f(void);//函数的声明,即声明f是一个函数. void g(void); void ...

  10. C语言中static的作用及C语言中使用静态函数有何好处

    转自:http://www.jb51.net/article/74830.htm 在C语言中,static的作用有三条:一是隐藏功能,二是保持持久性功能,三是默认初始化为0. 在C语言中,static ...

最新文章

  1. 记java关键词_Java关键词及含义
  2. TI IPNC Web网页之网页修改教程
  3. RecyclerView的滚动事件OnScrollListener研究
  4. Leetcode OJ: Remove Duplicates from Sorted Array I/II
  5. VTK:可编程源用法实战
  6. Linux操作系统知识
  7. 全球数据一致性,事务,微服务和Spring Boot / Tomcat / Jetty
  8. excel 复制数据 sql server 粘贴_win32 实现 excel 快速复制粘贴
  9. paip.ikanalyzer 重加载词库的方法.
  10. Core Animation基础 1
  11. 闩锁效应的产生原因及解决办法
  12. 【ZZULIOJ】1097: 计算平均成绩(函数专题)
  13. 关键词选择与维护教程
  14. 三位数除以两位数竖式计算没有余数_四年级上册数学三位数除两位数练习题没有余数...
  15. 打赢防“疫”战,云服务商都做了什么……
  16. 2020十大最佳大数据分析工具
  17. MYSQL数据库更改目录及NAVACATamp;nbs…
  18. 三国志战略版:Daniel_吕玲绮分析
  19. TypeError: norm() received an invalid combination of arguments解决办法
  20. JAVA-JSON文件转excel文件

热门文章

  1. Java 对上传文件后缀格式的校验
  2. java解析project mpp文件_Java解析Project mpp文件
  3. 沪深300指数的跟踪基金排名
  4. 互联网创新创业大赛优秀范例_互联网创业大赛优秀作品_ 创新创业大赛优秀作品...
  5. 恒生电子2018秋招笔经面经(开发岗)
  6. ER图(实体联系图)
  7. IT软件工程师工作内容
  8. 应用市场显示服务器错误的是,win10应用商店打不开服务器出错怎么办
  9. js/vue两张图片合成一张画布
  10. 教你破解已转换为EXE格式的Bat