如何在PHP的echo输出<style>中结合变量与px单位？

嘿，这种小细节卡壳真的很让人挠头！其实核心就是PHP字符串拼接的规则没摸清楚，我来帮你捋一捋～

首先，你之前的几种写法都踩了不同的坑：

• 用+号是错误的：PHP里+是算术运算符，它会尝试把'px'转换成数字（结果是0），最后输出的会是width: [你的数值]0;，完全不是你想要的效果。
• 直接写$length'px'：双引号里变量后面直接跟单引号，PHP会把这部分当成语法错误，因为它没法正确识别变量的边界。
• 嵌套双引号$length + "px"：里面的"px"会提前闭合外面的双引号，导致PHP把px当成未定义的常量，直接报错。

正确的写法有两种，选你顺手的就行： #

1. 双引号内用大括号包裹变量（推荐，可读性高）：

   echo "width: {$length}px;";
   

   大括号能明确告诉PHP变量的边界，避免它把后面的px当成变量名的一部分，尤其适合变量后面跟字母的场景。

2. 用字符串连接符.拼接：

   echo "width: " . $length . "px;";
   

   这是PHP标准的字符串拼接方式，把字符串和变量通过.连接起来，逻辑清晰不容易错。

给你一个完整的示例代码，你可以直接参考： #

<?php
// 先处理GET参数，避免空值报错，默认设为100
$length = isset($_GET['length']) ? intval($_GET['length']) : 100;
?>
<!DOCTYPE html>
<html>
<body>
<form method="get">
    <label>输入宽度数值：</label>
    <input type="number" name="length" value="<?php echo $length; ?>" min="1">
    <button type="submit">更新样式</button>
</form>
<!-- 这里用第一种写法输出宽度 -->
<div style="<?php echo "width: {$length}px; height: 60px; background: #42b983; margin-top: 20px;"; ?>"></div>
</body>
</html>

这样提交数值后，就能正确渲染出对应宽度的色块啦～

内容的提问来源于stack exchange，提问作者Brendan Gilman