css - 使用Flexbox对齐两端的元素

我正在尝试使用flexbox对齐时间线栏上的项目。我希望第一个圆从行的开头开始，最后一个圆在行的结尾处以中心项居中。是否可以使用flexbox？现在我正在使用

ul {
   display: flex;
}
li {
   align-items: center;
}

最佳答案

align-items应用于父元素，并控制Flexbox的横轴上的对齐方式。在这种情况下，您需要再次将justify-content: space-between;应用于父元素，如下所示：

ul {
   display: flex;
   justify-content: space-between;
}

您可以查看非常详细的Flexbox故障分类on CSS Tricks来了解更多信息。

关于css - 使用Flexbox对齐两端的元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45069315/