首页 > 解决方案 > 您可以使用内联样式值进行数学运算或使用 SASS 使用内联 CSS 进行数学运算吗?

问题描述

由于我的 php 代码(网络框架)是动态的,我使用了一些内联样式。

<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 替代品来完成这个?

感谢您的时间和智慧。

标签: phpcsssassinlinenette

解决方案


你应该使用calc().

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

推荐阅读