使用 jQuery 设置 flex css

Question

我正在尝试将图像容器的 flex css 属性设置为图像的纵横比。我希望 flex css 的形式flex: 1.798245为没有 px 或 1 1 1px。

使用 jQuery css() 方法，它不断将其设置为 flex: 1 1 1.798245px

//gallery flex
$('.gallery-item').each(function(){
  var value = $("img", this).width() / $("img", this).height();
  $(this).css("flex", value);
});

我应该如何将值传递给 css() 以获得我想要的结果？

Answer 1

你想要的相当于设置 flex-grow 属性：

所以你可以做的就是直接设置 flex-grow 属性：

$(this).css('flex', value + ' 1 0%');