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

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

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

enter image description here

  1. /* CSS */
  2. .flex-holder {
  3. display: flex;
  4. justify-content: center;
  5. }
  6. .middle-item {
  7. width: 75px;
  8. }

猜你在找的HTML相关文章