移动端的自适应布局神器—Flex Box(2)

以前的例子中，都是按照水平方向为例的，这些例子中的元素，高度都是相同的。若是元素的高度不一样，在纵向方向上，也须要设定一些对齐方式。Flex布局中也为咱们提供了在另外一个方向上对齐的设定，这个属性就是align-item。align-items有五个选项值，它们分别是：css stretch — 设定元素占满整个长度，前提是没有指定这些元素的高度，这是默认值html flex-start — 设定

>>阅读原文<<