justify-content:space-between;最后一排向左对齐js

`justify-content: space-between;` 是CSS布局属性中的一个值，它通常用于Flexbox布局模式中，用于控制项目在主轴方向上的分布。当你将这个属性应用到一个包含多个子元素的行（row），比如一个flex容器上，子元素会在主轴方向（默认是从左到右的方向）均匀分布，并且每个子元素之间的间隔会相等，最后一个子元素会尽可能靠近行的边缘，如果左边有空间就往左靠。

如果你想要通过JavaScript来实现类似的效果，你可以通过动态改变元素样式或者调整元素的位置来模拟。例如，你可以在数组长度为奇数的情况下，计算出剩余的空间并分配给最后一个元素。这里的关键在于理解如何遍历元素、获取当前位置信息以及更新样式。

以下是一个简单的JavaScript示例（假设有一个HTML列表`<ul>`）：

const flexItems = document.querySelectorAll('.flex-container > li');

// 获取总宽度和子元素数量
let totalWidth = 0;
flexItems.forEach((item) => {
  totalWidth += item.offsetWidth;
});

// 计算每个元素的平均宽度和间距
let avgItemWidth = totalWidth / (flexItems.length - 1);
let spacing = (totalWidth - avgItemWidth * flexItems.length) / 2;

// 更新最后一个元素的样式
flexItems[flexItems.length - 1].style.marginLeft = `${spacing}px`;

请注意，这只是一个基础示例，实际应用中可能需要处理更复杂的情况，如响应式设计或滚动时的动态调整。