Css3可计算表达式？
Css3可计算表达式？
提问于 2011-06-02 04:46:14
是否有任何技术允许在css3语句中使用表达式？
通常，做width: 35%+20px或类似的事情是有帮助的。现在，对于这些情况，我唯一的解决方案是要么重新设计页面，要么使用javascript动态设置css。
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-06-02 04:50:44
CSS关于值和单位的工作草案指定了一个calc函数，尽管它在最新版本的IE和火狐中只是supported。
Stack Overflow用户
发布于 2011-06-02 04:51:47
不幸的是，CSS3 calc()还没有完全准备好;)
从规格中引用：
section {
float: left;
margin: 1em; border: solid 1px;
width: calc(100%/3 - 2*1em - 2*1px);
}
p {
margin: calc(1rem - 2px) calc(1rem - 1px);
border: solid transparent; border-width: 2px 1px;
}
p:hover { border-color: yellow; }虽然在CSS (它不是一种编程语言)中允许使用求值表达式是可怕的，但可以使用像“外卖”这样简单的东西是令人兴奋的。但话又说回来，还有"box-sizing“属性，所以可能没有必要-否则可能会失去KISS原则？
Stack Overflow用户
发布于 2011-06-02 04:53:59
只要允许使用长度值，就可以使用calc()函数。这在CSS3值和单位中定义(请参见http://www.w3.org/TR/css3-values/)。我不知道哪个浏览器支持它。
section {
float: left;
margin: 1em; border: solid 1px;
width: calc(100%/3 - 2*1em - 2*1px);
}
p {
margin: calc(1rem - 2px) calc(1rem - 1px);
border: solid transparent; border-width: 2px 1px;
}
p:hover { border-color: yellow; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6207447
复制相关文章
相似问题
腾讯云开发者
