将div的高度设置为与PHP值相同

Question

我正在尝试制作一个小的自定义图形，我想将图形的每个部分的高度设置为PHP变量。

我有一个固定高度的容器：

.container {
   height: 200px;
}

然后我在容器中有3个额外的div，让我们说＆＃39; a＆＃39;＆＃39; b＆＃39;并且＆＃39; c＆＃39;。 a，b和c的值都来自数据库，因此它们的高度需要是动态的。在PHP中，我通过简单的数学得到每个div的权重：$a_weight = $a / ($a + $b + $c)（对于a）。然后我想将div a的高度设置为该重量。因此，div a将是$a_height = $a_weight * 200。例如，如果$a_weight = 30%，则生成的div a高度为$a_height = 60px（。30 * 200）。

这可能吗？我可以这样做：

<div class="a" height=".$a_height."></div>

如果没有，那么从数据库（mysql）获取值的最佳做法是什么，并根据该元素按比例设置元素的高度。

Answer 1

您可以使用AJAX请求触发从数据库中抓取数据的PHP脚本，然后将该数据返回给客户端。然后，您可以使用返回的数据使用JavaScript / jQuery设置HTML元素的样式。