flex-box ialah align-items 属性沿着横轴对齐 Flex 容器内的项目，就像 justify-content 沿着主轴对齐一样。 （对于默认的 flex-direction: row ，交叉轴对应于垂直方向，主轴对应于水平方向。使用 flex-direction: column, kedua-dua paksi ini boleh ditukar masing-masing).
Berikut ialah contoh rupa align-items:center:
Contoh
tetapi align-content 适用于多行灵活框。当项目位于一行中时，它没有任何效果。它根据其价值来调整整个结构。以下是 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:
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Apabila
flex-box ialah
align-items属性沿着横轴对齐 Flex 容器内的项目，就像justify-content沿着主轴对齐一样。 （对于默认的flex-direction: row，交叉轴对应于垂直方向，主轴对应于水平方向。使用flex-direction: column, kedua-dua paksi ini boleh ditukar masing-masing).Berikut ialah contoh rupa
Contohalign-items:center:tetapi
align-content适用于多行灵活框。当项目位于一行中时，它没有任何效果。它根据其价值来调整整个结构。以下是align-content: space-around;:Beginilah rupa
align-content: space-around;denganalign-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.