Question

<style>
    #statusImages
    {
        position:absolute;
        left:10px;
        top:50px;
        z-index:1;
    } 
</style>

我有一个while循环并且在while循环中我想在php代码中改变左边的变量我该怎么办

Answer 1

该样式必须在php文件中。记住你可以随时退出php，就像在HTML中一样，它只会打印出那里的内容，这样你就可以做到这样的事情：

<style>
#statusImages
{
position:absolute;
left:<?php echo $leftValue ?>;
top:50px;
z-index:1;
}

Answer 2

如果您试图在left循环运行时连续更改while属性，则表明您使用的是浏览器的错误一面。

这必须使用Javascript在客户端完成。您从PHP文件中获得的内容已经完成，并且一旦在桌面上就不会更改。

Answer 3

如您的问题所在，您的选择器将选择ID为statusImages的一个元素。 Ids在页面上必须是唯一的，因此如果您有多个图像，这将无法正常工作。您可以在大多数格式中使用类，但由于每个元素都需要不同的设置，因此您还必须添加一些内联样式。

为每个元素添加style="left:???px"，如下所示：

<style>
.statusImages   /* use a class selector here */
{
  position:absolute;
  top:50px;
  z-index:1;
}
</style>
<?php

$leftvalue = 100;
while (some condition) {
  echo "<img style='left:{$leftvalue}px' src='someimage.png' class='statusImages'>"
  $leftvalue += 20;
}

您需要调整此项以适合您自己的代码。

将php与css结合起来

3 个答案: