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

Question

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

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'),

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

Answer 1

您可以使用字符串插值语法

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

Answer 2

你太接近了！

使用

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)

或

gridTemplateColumns: [maxPx(100, 50), maxPx(100, 50), maxPx(100, 50)].join(' ')