每当谈起弹性布局，我希望你都能回想起这里我所介绍的内容，那就是，元素依靠着主轴、侧轴或者两者都有来布局。依靠浮动效果是做不到这一点的。到目前为止，我们只使用了主轴来布局，下面我们将使用 align-items属性进行侧轴布局。

.item {
align-items : stretch; }

我们不需要经常来显示声明，因为stretch是默认值。

沿着侧轴伸展，是flexbox最有用的特性之一。

align-items和justify-content概念类似。justify-content让内容在主轴上排列，而align-items让内容在侧轴上排列。弹性盒子有四个非常有用的属性。flex-start让元素从元素的开头开始排列；flex-direction定义了哪个是主轴。当flex-direction设置为row的时候，侧轴的起点就位于面板顶部；当设置为column时，侧轴的起点就位于面板左侧。

要实现这样的布局效果，元素要按照侧轴的结尾布局，这可能是很多设计者期待了很多年的东西。

当我们指定元素向中心center对齐，它们可能在垂直方向上居中对齐。然后结合justify-content:center，这样我们就能使元素水平垂直居中对齐了。这比之前的布局要简单得多。