如何在 php 中向该元素添加 px 数？

Question

joomla 5 垂直菜单模块。

$max_width

是一段 PHP 代码，可通过模块管理面板获取菜单的宽度。 这意味着：如果我在管理面板中将菜单的宽度设置为 300px， 然后

$max_width

将在网站上输出 300px 。

这是我的 php 代码：

<?php
$custom_css .= '#sp-main-body {width: calc(100% - '.$max_width.'); margin-right: '.$max_width.' ; }';
?>

此代码会将元素 #sp-main-body 的大小调整为 -300px 。

我的问题是：

如何将 10px 添加到 $max_width 或从 #sp-main-body 中取出 10px ？

我试试这个：

<?php
$custom_css .= '#sp-main-body {width: calc(100% - '.$max_width.' - 10px); margin-right: '.$max_width.' ; }';
?>

还有这个：

<?php
$custom_css .= '#sp-main-body {width: calc(100% - '.$max_width.'); margin-right: '.$max_width.' ; +10px }';
?>

但它不起作用！！

Answer 1

要在计算中添加 10px 或减去 10px，您需要确保 CSS calc() 函数中的语法正确，并正确连接 PHP 中的字符串。您可以通过以下方式修改 PHP 代码来实现此目的：

在 calc() 中将 10px 添加到 $max_width:

<?php
$custom_css .= '#sp-main-body {width: calc(100% - '.$max_width.' + 10px); margin-right: calc('.$max_width.' + 10px); }';
?>

在 calc() 中从 $max_width 中减去 10px：

<?php
$custom_css .= '#sp-main-body {width: calc(100% - '.$max_width.' - 10px); margin-right: calc('.$max_width.' - 10px); }';
?>

也许你可以尝试一下这个，不确定，但希望它有效！