CSS中的align-items屬性是用來設(shè)置項目在交叉軸上的對齊方式的，它是flexbox布局的一部分。在默認(rèn)狀態(tài)下，項目會沿著交叉軸上居中對齊，而align-items屬性可以改變項目在交叉軸方向上的對齊方式，包括以下幾種取值：

align-items: stretch; /* 默認(rèn)值，表示項目將會沿著交叉軸方向拉伸，占據(jù)整個交叉軸空間 */
align-items: flex-start; /* 項目將會在交叉軸起始位置對齊 */
align-items: flex-end; /* 項目將會在交叉軸終止位置對齊 */
align-items: center; /* 項目將會在交叉軸中心點對齊 */
align-items: baseline; /* 項目將會在它們的基線上對齊 */

舉個例子來說，假設(shè)我們有一個代碼如下：

.container {
display: flex;
align-items: flex-start;
}
.item {
width: 100px;
height: 50px;
}

這里我們創(chuàng)建了一個新的flexbox容器，并將align-items屬性設(shè)置為flex-start。當(dāng)我們在容器中添加多個項目時，這些項目將沿著交叉軸方向上的起始位置進(jìn)行對齊。

總之，align-items屬性是CSS flexbox布局中的一個重要屬性，它可以幫助我們更好地控制項目在交叉軸上的排布方式。通過設(shè)置不同的值，我們可以輕松地實現(xiàn)不同的對齊效果，從而得到更好的頁面布局效果。