我要让两个item-info都是垂直居中.item-info { border: 1px solid red; display: flex; align-items: center; justify-content: space-between; .item { flex: 1 1 auto; text-align: center; border-left: 1px solid #cccccc; &:first-child { border: 0; } .num { font-size: 36px; font-weight: bold; margin-bottom: 5px; } .investment { font-size: 24px; font-weight: bold; margin-bottom: 5px; } } } 这个样式align-items: center; 没有生效 如何调整为垂直居中内容：要使align-items: center;生效，需要给.item-info的父元素.el-col添加display: flex;的样式。这样.item-info元素才能成为flex容器，align-items: center;才能起作用。