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

前端之家收集整理的这篇文章主要介绍了html – 居中中间的flexbox项目并证明其余的前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

参见英文答案 > 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;
}

猜你在找的HTML相关文章