如何在 HTML 中的内联 CSS 中使用 PHP 代码

Posted 2023-03-05

【中文标题】如何在 HTML 中的内联 CSS 中使用 PHP 代码

【英文标题】：How to use PHP code in inline CSS in HTML

【发布时间】：2022-01-19 17:09:09

【问题描述】：

我想在内联 CSS 中使用我的 php 代码。让我展示一下代码：

这是我的代码：

<div class="col-auto">
    <div class="h5 mb-0 mr-3 font-weight-bold text-gray-800">%22</div>
</div>
<div class="col">
<div class="progress progress-sm mr-2">
    <div class="progress-bar bg-info" role="progressbar"
        style="width: <?php $a=22; echo "$a"; ?>%" aria-valuenow="50" aria-valuemin="0"
        aria-valuemax="100"></div>
</div>

这就是我想要实现的目标：

但是，我得到了这个：

如何使 CSS 从我的 PHP 代码中读取 22？我想通过更改 PHP 代码来更改 width。顺便说一句，我正在使用 Bootstrap。

【问题讨论】：

那个html文件是php生成的吗？如果您在纯 HTML 文件中使用该代码，它将不会运行。

我刚刚在php编译器上在线测试了你的代码，它工作正常！，文件必须是.php文件，所以文件是.php文件的.html？

style="width: <?php $a=22; echo "$a"; ?>%" 与style="width: 22%" 基本相同，这样做有什么意义？您对 22 进行了硬编码，所以为什么要添加 PHP 的复杂性

哦，伙计们，很抱歉，这是我的错。我使用的是 .html 而不是 .php。我现在要改变它。谢谢你注意到我。

SMall Point 你不需要双引号 echo $a; 和 do 并将删除双引号问题中的双引号

【参考方案1】：

masterguru 似乎是对的，您使用的是纯 HTML。代码本身是正确的，你只需要确保HTML里面的PHP是运行的。

This video 解释了如何在本地提供 PHP。

【讨论】：

是的，你是对的。我后来注意到了。