Можете ли вы выполнять математические операции со встроенными значениями стиля или использовать SASS для выполнения математических операций со встроенным CSS?

Question

Поскольку мой php-код (инфраструктура nette) динамичен, я использую некоторые встроенные стили.

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

Это создает для меня проблему, так как мне нужно, чтобы дочерние элементы делали рост этого родительского элемента и делили его на 3.

Есть ли способ сделать это с помощью встроенного стиля? E.g.:

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

В принципе, вы можете сделать что-то вроде style="height:(9/3)px"

Или есть какая-нибудь альтернатива SASS / SCSS для этого?

Спасибо за ваше время и мудрость.

Answer 1

U следует использовать calc().

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

Answer 2

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

Зачем тебе это? JS лучше подходит для внешнего интерфейса. Вы не можете измерить ширину / высоту клиента через бэкэнд