我知道 flexbox 提供了一个很好的居中方案。但是当我有3个项目并且我想让中间(第二个)项目相对于窗口居中时,我遇到了问题,而不考虑其他2个项目的大小。
在我的笔记本电脑上,您可以看到第二个项目“客户端索引”偏离中心,因为右侧的内容大于左侧的内容。 我该如何强制它居中自身?
.flex {
display: flex;
align-items: center;
justify-content: space-between;
}
<div class="flex">
<span style="font-size:12px;">small</span>
<span style="font-size:20px;">Client Index</span>
<span style="font-size:18px;">Lots of content that moves the center</span>
</div>