您可以使用内联样式值进行数学运算，还是使用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

你应该使用calc()。

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

Answer 2

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

你为什么需要它？ JS更适合前端。您无法通过后端测量客户端宽度/高度