如图,我要做的效果是将中间蓝色的地方,也就是这个.stopover-station标签,上下垂直居中,只要在需要居中的父元素上设置
.operate-mask-outer>#operateMask {
align-items: center;
display: -webkit-flex;
}
利用弹性盒子来居中:
align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;
align-items的值有很多,其中center是代表该元素位于容器的中心。弹性盒子元素在该行的侧轴(纵轴)上居中放置。(如果该行的尺寸小于弹性盒子元素的尺寸,则会向两个方向溢出相同的长度)。