Php 动态增加for循环中css元素的宽度

编辑：我在下面的另一个答案中发现了

我想用php呈现一个图形，并且可以创建列，但是当我尝试增加百分比以对应.internal类的css宽度时，数组中的每个元素都不会增加百分比。如何增加数组中每个元素的宽度

$percentage = array(0.2,0.4,0.5,0.6,0.7,0.8);

for($i=0;$i<6;$i++){

echo "<div class='outter'>
<div class='inner'>"; echo $percentage[$i]; echo "
</div>
</div>";

echo "<style type='text/css'>";
echo ".outter{height:25px;width:500%;border-right:solid 1px #000;}";
echo ".inner{height:25px;width:";echo $percentage[i]; echo "%;border-right:solid 1px #000;background-color:#02abff;}";
echo "</style>";

}

$percentage=数组（0.2,0.4,0.5,0.6,0.7,0.8）；
对于（$i=0；$i不确定您是否注意到了，但是您的实际值是
0.X%
，并且这不是一个完全有效的宽度。您可能希望将该值乘以10（或乘以100）得到2%（或20%）

$percentage=数组（0.2,0.4,0.5,0.6,0.7,0.8）；
foreach（$key=>$val的百分比）{
回声“
";
echo$val；
回声“
";
回声“；
echo“.outter{高度：25px；宽度：500%；右边框：实心1px#000；}”；
内部{高度：25px；宽度：“；
echo$val*10；
回声“%；右边框：实心1px#000；背景色：#02abff；}”；
回声“；
}

我还更改了
for
循环，这在我发现时更为合理。我必须将样式放在html标记中：

foreach($percentage as $percent){

echo "<div class='outter' style='height:25px;width:500%;border-right:solid 1px #000;'>
<div class='inner' style='height:25px;width:"; echo $percent; echo "%;border-right:solid 1px #000;background-color:#02abff;'>"; echo $percent; echo "
</div>
</div>";
}

foreach（$percentage作为$percent）{
回声“
“echo$百分比；echo”
";
}
是的，我尝试了所有类型的值，但所有列都具有相同的宽度。我不确定哪个元素，但所有列都具有相同的宽度，无论它们在div标记中的值如何不同。因此，所有列都表示正确的值，但在css中不表示正确的宽度。
foreach($percentage as $percent){

echo "<div class='outter' style='height:25px;width:500%;border-right:solid 1px #000;'>
<div class='inner' style='height:25px;width:"; echo $percent; echo "%;border-right:solid 1px #000;background-color:#02abff;'>"; echo $percent; echo "
</div>
</div>";
}