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

Question

想要实现如图效果，每个项目中心点等距分布，但第一项的左边无空隙，最后一项右边无空隙，所有内容异步获取，数量不定，文字内容长短不等中心点等距分布中心点等距分布中心点等距分布文字内容长短不等文字内容长短不等文字内容长短不等我觉得纯CSS是实现不了，有没有js能解决的办法？求解答

Answer 1

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

Answer 2

是这样要效果吗？望采纳

Answer 3

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