将 php 与 css 结合起来 - Combine php with css

Combine php with css

本文关键字：结合起来 css php | 更新日期: 2023-09-27

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

我有一个 while 循环，在 while 循环中我想将左侧更改为 php 代码中的变量，我该怎么做

根据您的问题，您的选择器将选择一个 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;
}

您需要调整此设置以适应您自己的代码。

样式必须在 php 文件中。请记住，您可以随时退出 php，就像在 html 中一样，它只会打印那里的内容，因此您可以执行以下操作：

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

如果您尝试在此while循环运行时不断更改 left 属性，那么您使用的是浏览器的错误一侧。

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