边件宽度不同时，使中间件居中
想象一下以下布局，其中的点表示框之间的空间： [Left box]......[Center box]......[Right box] 当我删除右框时，我希望中心框仍位于中心，如下所示： [Left box]......[Center box]................. 如果我要删除左框，也是如此。 ................[Center box]................. 现在，当中心框中的内容变长时，它将在保持居中状态的同时占用所需的可用空间。左右框永远不会缩小，因此，当没有空间的地方overflow:hidden，text-overflow: ellipsis它将有效地破坏内容； [Left box][Center boxxxxxxxxxxxxx][Right box] 以上是我的理想情况，但我不知道如何实现此效果。因为当我创建如下的flex结构时： .parent { display : flex; // flex box justify-content : space-between; // horizontal alignment align-content : center; // vertical alignment } 如果左右框的大小完全相同，我将获得所需的效果。但是，如果两者之一的大小不同，则居中框不再真正居中。 有没有人可以帮助我？ 更新资料 一个justify-self会很好，这将是理想的： .leftBox { justify-self : flex-start; } …