Javascript和css语法，如何定义'；px和x27；

我有一个非常简单的语法问题，我无法理解。我有以下几行代码是正确的：

gridTemplateColumns: '100px 100px 100px',
height: Math.max(65, 200) + 'px',

现在我想在gridTemplateColumns的所有三个参数中添加Math.max（x，x）：'100px 100px 100px

以下是我尝试过的，但它们根本不正确：

gridTemplateColumns: Math.max(100, 50) Math.max(100, 50) Math.max(100, 50)+'px',
gridTemplateColumns: Math.max(100+'px', 50+'px') Math.max(100+'px', 50+'px') Math.max(100+'px', 50+'px'),

我也试着在这里和那里使用一些花哨的[]和{}，但我没有正确地处理它们。 谢谢你的帮助。

你离得太近了

配合

gridTemplateColumns: Math.max(100, 50) + 'px ' + Math.max(100, 50) + 'px ' + Math.max(100, 50) + 'px'

您可能会从创建函数来实现这一点中获益：

function maxPx(a,b) {
 return Math.max(a,b) + 'px'
}

但是，您需要确保不要忘记在值之间放置空格：

gridTemplateColumns: maxPx(100, 50) + ' ' + maxPx(100, 50) + ' ' + maxPx(100, 50)

或

---

可以使用字符串插值语法

const obj = {
    gridTemplateColumns: `${Math.max(100, 50)}px ${Math.max(100, 50)}px ${Math.max(100, 
    50)}px` 
}

---

我可以问一下为什么要用

Math.max

和常量值吗

Math.max（65200）

除了

200

之外，永远不会产生任何结果。我的首选方式：

[Math.max（100，50），Math.max（100，50），Math.max（100，50）].map（n=>n+'px'）。join（“”）

我没有使用Math.max（65200），我只是用它来简化问题。我使用的比例因子是这样的：Math.max（800，比例/8）。现在它起作用了。我遗漏了这句话：“$你已经在使用了，但我怀疑你不知道它的意思。欢迎来到stackoverflow@user13319165！如果你的帖子标题被问到类似“如何用JavaScript添加3个值并将它们设置为CSS值？”这样的问题，你可能会得到更多答案。此外，如果你是CSS或JavaScript新手，请告诉我们，以便我们可以为你提供有用的资源。

const obj = {
    gridTemplateColumns: `${Math.max(100, 50)}px ${Math.max(100, 50)}px ${Math.max(100, 
    50)}px` 
}