php - 将php与css结合起来

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。页面上的 ID 必须是唯一的，因此如果您有多个图像，这将不起作用。您可以对大多数格式使用一个类，但是因为每个元素都需要不同的设置，所以您还必须添加一些内联样式。

添加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;
}

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