您可以使用内联样式值进行数学运算或使用 SASS 对内联 CSS 进行数学运算吗？

Question

由于我的 php 代码（nette 框架）是动态的，我使用了一些内联样式。

<div id="parent" style="height:{$place->getHeight()}px; ">

这对我来说是个问题，因为我需要 children div 重新获取 parent div 的高度和 divide 它乘以 3.

有什么方法可以使用内联样式来做到这一点吗？例如：

<div id="child" style="height:({$place->getHeight()}/3)px; ">

基本上你可以做类似style="height:(9/3)px"

的事情

或者是否有一些 SASS / SCSS 替代方案来完成这个？

感谢您的宝贵时间和智慧。

Answer 1

<style>
div{
  width:<?=$width?>;
}
</styles>

为什么需要它？ JS 更适合 frontend.You 无法通过后端

测量客户端 width/height

Answer 2

你应该使用 calc().

style="height: calc(<?=$place->getHeight()?>/3)px;"

Can you do math operations with inline style values or use SASS to do math operations with inline CSS?