html – 居中中间的flexbox项目并证明其余的

发布时间：2020-12-14 22:37:42 所属栏目：资源来源：网络整理

导读：参见英文答案 Keep one element centered between two elements of different widths in flexbox????????????????????????????????????1个对于奇数个弹性项目,我希望中间的一个在完美的中心,其他项目只是在它周围流动.中间项目具有固定宽度,所有其余部分都

参见英文答案 > Keep one element centered between two elements of different widths in flexbox????????????????????????????????????1个
对于奇数个弹性项目,我希望中间的一个在完美的中心,其他项目只是在它周围流动.中间项目具有固定宽度,所有其余部分都是流动的并且必须粘在中间项目上,因此衬垫是固定的.

enter image description here

/* CSS */

.flex-holder {
	display: flex;
	justify-content: center;
}
.middle-item {
	width: 75px;
}

                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!