元素宽度％基于PHP变量值

Question

请考虑以下事项：

$a=25;
$b=75;

我想根据$a和$b的值显示百分比条。我想将百分比栏表示为div。

我想我需要做以下事情：

<div id='container'>
  <div id='a'></div>
    <div id='b'></div>
</div>

#container{
width: 100%
}

#a{
Width: $a //here I need to get the value of $a
}

任何想法我如何实现这个？

我需要在external stylesheet中获取此内容。

我希望实现的目标，请记住$ a和$ b的价值各不相同

Answer 1

在动态构建（并保存）它们时，您只能在CSS文件中使用PHP变量。如果值经常更改（例如，当它取决于页面或内容时），我不建议这样做。相反，您可以完美地使用内联样式块：

<style> #a { width: <php echo $a; ?>; } </style>

编辑：在评论中添加了一个示例：

要确保所有元素都有100％的容器宽度，只需从100减去$t1：

<?php
    $width_t1 = 25;
    $style_t1 = 'float: left; width: ' . $width_t1 . '%; height:50px;';
    $width_t2 = 100 - $width_t1;
    $style_t2 = 'float: left; width: ' . $width_t2 . '%;';

    if ($count > 0) {
        $style_t1 .= ' background-color: red';
    } else {
        $style_t1 .= ' background-color: blue';
    }
?>
<div id="t1" style="<?php echo $style_t1; ?>">...</div>
<div id="t2" style="<?php echo $style_t2; ?>">...</div>