justify-content沿主轴对齐弹性项目。
align-items
沿始终垂直于主轴的横轴对齐弹性项目。
取决于
flex-direction，主轴可以是水平或垂直的。
由于
flex-direction:column意味着主轴是垂直的，因此您需要使用
justify-content不
align-items使弹性项目居中的方式。
这是一个例子：
#container { display: flex; flex-direction: column; justify-content: center; height: 200px; background-color: lightpink;}<div id="container"> <div >div 1</div> <div >div 2</div> <div >div 3</div> <div >div 4</div> <div >div 5</div></div>
