清云小程序教程十五：主轴与交叉轴一

原文链接：http://www.0575yun.com/articledetail/id/66.html

今天我们来介绍flex里非常重要的一个新概念——轴。那么在flex里面有2个轴，一个叫”主轴“；一个叫”交叉轴“。等会儿我们来看一下主轴和交叉轴有什么意义和作用，现在我们先来实现一种效果。

先改一下我们的”justify-content“：

.container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:400px;
    background-color:#999999;
}

很明显”flex-direction“取”column“，” justify-content“取”center“时，这3个元素在垂直方向上呈现了居中的效果。

现在我想要让它在垂直方向上居中，同时我要求它在水平方向上也居中，也就是说，我希望这3个元素平移到中间来，让它即在垂