国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

flex-box 的 align-items 屬性沿著橫軸對齊 Flex 容器內(nèi)的項目，就像 justify-content 沿著主軸對齊一樣。 （對于默認的 flex-direction: row ，交叉軸對應于垂直方向，主軸對應于水平方向。使用 flex-direction: column 時，這兩個軸可以分別互換）。

以下是 align-items:center 外觀的示例：

但是 align-content 適用于多行靈活框。當項目位于一行中時，它沒有任何效果。它根據(jù)其價值來調(diào)整整個結(jié)構(gòu)。以下是 align-content: space-around; 的示例：

這是 align-content: space-around; 與 align-items:center 的外觀：

請注意，第一行中的第三個框和所有其他框都更改為在該行中垂直居中。

以下是一些可以使用的 codepen 鏈接：

http://codepen.io/asim-coder/pen/MKQWbb

http://codepen.io/asim-coder/pen/WrMNWR

這是一支超級酷的筆，它可以顯示并讓您可以使用 Flexbox 中的幾乎所有內(nèi)容。