Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
是否有可能以某种方式计算元素的大小作为基本的数学表达式?例如:
.wideColumn{max-width:100%-20em;} /*not working*/
这可以使用LESS或jQuery来完成。但不幸的是,它不能用纯 CSS 来完成。
但是,使用纯 CSS 可以解决此问题。例如:
.wideColumn { max-width: 100%; margin-right: 10em; margin-left: 10em; }
当然,此示例可能不适用于您的代码。但是还有许多其他解决方法。
简短的回答是不,你不能,至少在 CSS 2、2.1规范中不行,如果你有兴趣,你也可以看看动态样式表与LESS
或者正如Sandeep所说,您可以使用calc()CSS3 规范中引入的
calc()
参考
您不能直接在 CSS 中执行此操作,但可以尝试类似 LESS - http://lesscss.org/
它可能有朝一日可用,但不是现在 - 在此处阅读更多信息http://www.w3.org/Style/CSS/specs#math