[css]calc语法

,对于label input布局,input 撑满是真方便.但是对于性能会不会有影响呢?

label{
  width:6em;
}
input{
  width:calc(100% - 6em)/*注意减号左右一定要有空格*/
}

学习笔记

  1. 竟然连鼠标移动都会触发css表达式进行计算
  2. eric meyer提到w3c规范的一条备注(评论里面的同学也有提到):
Note that the grammar requires spaces around binary ‘+’ and ‘-’ operators. The ‘*’ and ‘/’ operators do not require spaces. via [CSS3 Values and Units specification](http://www.w3.org/TR/css3-values/)

也就是说,”+”、”-“两个符号边上必须要有空格,而”*”、”/”符号则不是必须的。

参考文献

  1. 为什么尽量避免使用 CSS 表达式
  2. 【译】 CSS calc() 初体验
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 我们的身体就像一个个不停旋转的陀螺,没有时间停下来感受生活中所发生的一切,这一切就被瞬间翻过,了无踪迹,只剩下岁月...
    5ebc5e57260e阅读 504评论 0 1
  • 她的脸上 漾着岁月的多情 愿是个早夭的诗种 颓了世人的时光 且知未始
    June_s_winter阅读 223评论 0 0
  • 那些感慨美好或者悲伤不过是蝼蚁一般生活的夙愿都未曾失去过,也只能彷徨罢了
    沐歌1010阅读 197评论 0 0