Html 将中间flexbox项目居中，并对齐其余项目

对于奇数个弹性项目，我希望中间的项目位于完美的中心，其他项目只是围绕它流动。中间的物品有固定的宽度，其余的都是液体，必须粘在中间的物品上，这样衬垫就固定了

/*CSS*/
.柔性支架{
显示器：flex；
证明内容：中心；
}
.中间项目{
宽度：75px；
}

项目1
某项
中间项
超长文本项
试验

一种解决方案是在中间元素上使用

位置：绝对

，并使用

transform:translate（）

将其居中，但在小窗口大小上会出现元素溢出，您可以通过媒体查询来修复

.flex支架{
显示器：flex；
证明内容：周围的空间；
位置：相对位置；
列表样式：无；
填充：0；
}
.中间项目{
宽度：75px；
位置：绝对位置；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
}

项目1
某项
中间项
超长文本项
试验
 
如果<代码>中间项处于中间（在RIGH和左边的项目数相同）：最简单的方式：

.flex支架{
显示器：flex；
证明内容：中心；
列表样式：无；
填充：0；
}
李先生{
弹性：1；
边框：1px纯红；
}
李.中间项目{
flex:0100px；
背景色：#ccc；
}

项目1
一些文本
中间项
非常长的文本项bla bla bla bla bla bla
试验
尝试
之间的空格
或
周围的空格
，以
调整内容
。把中间的东西放在完美的中心是没有帮助的，它不是复制品。我的问题完全不同。有人懒得读这两个问题…我读了另一个问题，这是完全相同的。所有项目之间的距离必须是相同的。看我的图片如果你说文本之间的空格我认为是不可能的，至少我不知道你怎么做我编辑了我的第二个片段，我认为它非常接近你想要的，但可能当没有足够的空格时，效果不太好