如何实现中心点等距分布，第一项和最后一项贴边

Question

想要实现如图效果，每个项目中心点等距分布，但第一项的左边无空隙，最后一项右边无空隙，所有内容异步获取，数量不定，文字内容长短不等
中心点等距分布
中心点等距分布
中心点等距分布
文字内容长短不等
文字内容长短不等
文字内容长短不等

我觉得纯CSS是实现不了，有没有js能解决的办法？

求解答

Answer 1

flex布局了解一哈可以给项目的父元素设置display:block,justify-content:space-between

Answer 2

是这样要效果吗？望采纳

Answer 3

在每一个子元素设定宽(足够宽，然后让内容居中)，然后使用space-between或space-around实现