jQuery $(element).css('gap') 在 Firefox 中不起作用

Question

为什么这在 Chrome 中有效，但在 Firefox 中无效？ （我使用 Firefox v88） 我找不到有关此问题的任何可靠信息，也许有人可以帮助我解决这个问题？

编辑：CSS 呈现正确，但 js 输出不工作

jQuery(document).ready(function($){
  alert('Size:' + $('.flex').css('gap'));
});

.flex{
  display: flex;
  gap: 20px;
}
.flex div{
  border: 1px solid black;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="flex">
  <div>Box1</div>
  <div>Box2</div>
</div>

Answer 1

参考jQuery - css() not working properly in firefox gap 只是“column-gap”和“row-gap”的简写。 显然只有 Chrome 支持速记拼写。