带有PHP变量的CCS样式的PHP循环

时间:2017-11-08 18:22:43

标签: php css

我需要在HTML表格中使用不同程度的温度刻度。 我使用下一个PHP脚本;

<div id="rec1"/>
<?php
$helegraden="72.2px;";
for ($x = 1; $x <= 3; $x++) {
echo '<div id="rec2" style="margin-left:72.2px;"/>';
}
?>

mij CSS代码是;

#rec2{
top: 0px;
float: left;
margin-top: 0px;    
width:1px;
height:50px;
background: blue;
}

但PHP代码不适用于该变量 风格=#&34;保证金左:.... 这就是它所要的;

http://www.ccvd.eu/downloads/scale.jpg

我为我糟糕的英格利斯找借口。

1 个答案:

答案 0 :(得分:2)

首先,id应该是唯一的,但您生成的div个元素具有相同的id。请改用class

其次,正确关闭div元素:<div></div>

第三,要么在循环中使用你定义的$helegraden

echo '<div class="rec2" style="margin-left:' . $helegraden . '"></div>';

或将该定义移至css;不要应用内联样式。

echo '<div class="rec2"></div>';

.rec2 {
  top: 0px;
  float: left;
  margin-top: 0px;
  width: 1px;
  height: 50px;
  background: blue;
}
<div class="rec2" style="margin-left:72.2px;"></div>
<div class="rec2" style="margin-left:72.2px;"></div>
<div class="rec2" style="margin-left:72.2px;"></div>