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

Apabila

flex-box ialah align-items 屬性沿著橫軸對(duì)齊 Flex 容器內(nèi)的項(xiàng)目，就像 justify-content 沿著主軸對(duì)齊一樣。 （對(duì)于默認(rèn)的 flex-direction: row ，交叉軸對(duì)應(yīng)于垂直方向，主軸對(duì)應(yīng)于水平方向。使用 flex-direction: column, kedua-dua paksi ini boleh ditukar masing-masing).

Berikut ialah contoh rupa align-items:center:

tetapi align-content 適用于多行靈活框。當(dāng)項(xiàng)目位于一行中時(shí)，它沒(méi)有任何效果。它根據(jù)其價(jià)值來(lái)調(diào)整整個(gè)結(jié)構(gòu)。以下是 align-content: space-around;:

Beginilah rupa align-content: space-around; dengan align-content: space-around; 與 align-items:center:

Perhatikan bahawa kotak ketiga dalam baris pertama dan semua kotak lain berubah menjadi berpusat menegak dalam baris itu.

Berikut adalah beberapa pautan codepen yang boleh anda gunakan:

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

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

Ini ialah pen yang hebat yang memaparkan dan membolehkan anda menggunakan hampir semua perkara dalam Flexbox.