php - 将 php 变量设置为 html 中图像的 x,y 位置

Question

我试图将 html 中图像的 x 和 y 设置为 php 变量的值，以便坐标处于循环中，以便图像连续绘制 5 次。如果有人能弄清楚如何设置 left: 到 $x 那就太好了

<?php

for($i=0; $i<5; $i++){
$counter = 0;
$x = 200;
echo '<img src="stat.png" height="300" width="150"style="position: absolute; top:
   10px; left: <?php echo $x; ?> px;"/>';
// above is where I am trying to use the php variable
$x += 200;
}

?>

Answer 1

两件事：您没有正确地进行连接$x，并且您$x = 200在每次迭代时重新定义，而不是设置原始值。见下文

<?php
$x = 200;

for($i=0; $i<5; $i++){
$counter = 0;
echo '<img src="stat.png" height="300" width="150"style="position: absolute; top: 10px; left:'.$x.'px;"/>
';
// above is where I am trying to use the php variable
$x += 200;
}

?>

Answer 2

您在$x循环的每次迭代中重新定义。所以$x总是等于 200 并且$x += 200没有效果。

尝试这个

<?php foreach (range(0, 4) as $ratio): 
    $x = $ratio * 200;
    ?>
    <img src="stat.png" height="300" width="150" style="position: absolute; top: 10px; left: <?php echo $x ?>px;"/>
<?php endforeach ?>

Answer 3

您已经在 PHP 中编写了它，因此您不需要在 echo 语句中包含 php 标记。只需将变量回显到其中。

'left:' . $x . 'px;