css取决于div标签值

Question

我正在开发一个使用SQL和php生成div块的网站。这个div块将有一个相关的数字（其范围可能是1 - 100）。我需要CSS来显示与相关数字相关的div元素（例如，相关联的数字是margin-left％值）。

我该怎么做？

由于

Answer 1

假设$ result是php生成的数字，你可以写一个这样的脚本

<?php
$result = 1;
echo '<div style="margin-left:'.$result.'">Div content</div>';
?>

Answer 2

由于您使用的是PHP，请将div样式设置为所需的宽度（最多100个）？

因此，如果出现一个关联数为50的div A，而你的容器是200px，那么：

<?php
$calculated = (50/100)*200;
echo '<div id="A" style="margin-left:'.$calculated.';"></div>';
?>

或者，如果您想将其用作容器的百分比：

<?php
$calculated = 50;
echo '<div id="A" style="margin-left:'.$calculated.%';"></div>';
?>

希望有所帮助！