您可以使用内联样式值进行数学运算还是可以使用SASS进行内联CSS的数学运算？

Question

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

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

这给我带来了一个问题，因为我需要孩子div来重新获得父div的高度并将其除以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更适合前端。您无法通过后端测量客户端的宽度/高度

Answer 2

U应该使用calc()。

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