javascript - 使用 JavaScript 获取 flexbox 元素之间的空间

Question

是否有可能在使用 JavaScript 的 flexbox 中获取使用 justify-content: space-between 的两个元素之间的空间？

Answer 1

这是可能的。 Example

function calcSpaceBetween(){
  var red_pos = $('#d1').position().left + $('#d1').width();
  var blu_pos = $('#d2').position().left;

  var space = blu_pos - red_pos;

  $('#space').text(space + ' px')
}

1. 计算左边的位置(红色)+它的宽度

2. 找到右边那个(蓝色)的位置

3. (blue.position) - (red) + (red.width)