CSS彈性盒子（CSS Flexible Box）是CSS3中的一種布局模式，用來(lái)解決傳統(tǒng)布局方式的一些缺陷。使用彈性盒子可以使頁(yè)面在不同屏幕尺寸下自適應(yīng)，而且使用方便，只需要添加少量的CSS代碼就可以實(shí)現(xiàn)。

要使用彈性盒子，需要將要布局的元素的display屬性設(shè)置為flex或inline-flex，表示這是一個(gè)彈性盒子。下面是一個(gè)簡(jiǎn)單的例子：

.container{
display: flex;
}

上面的代碼將一個(gè)名為container的元素設(shè)置成了一個(gè)彈性盒子。默認(rèn)情況下，彈性盒子中的元素會(huì)按照水平方向排列，且它們的寬度會(huì)被平均分配。要改變它們的排列方向，可以使用flex-direction屬性：

.container{
display: flex;
flex-direction: column;
}

上面的代碼將這個(gè)彈性盒子中的元素按照垂直方向排列。

在彈性盒子中，每一個(gè)元素都可以設(shè)置一個(gè)flex屬性，來(lái)指定它在彈性盒子中的占比。例如下面的代碼：

.item{
flex: 1;
}

上面的代碼將一個(gè)名為item的元素設(shè)置成了占據(jù)彈性盒子中剩余空間的一半。如果有多個(gè)元素設(shè)置了flex屬性，那么它們會(huì)按照f(shuō)lex屬性指定的占比來(lái)分配彈性盒子中的空間。

此外，使用彈性盒子還可以對(duì)元素在彈性盒子中的對(duì)齊方式進(jìn)行控制。可以使用justify-content和align-items屬性來(lái)分別控制水平和垂直方向的對(duì)齊方式。例如：

.container{
display: flex;
justify-content: center;
align-items: center;
}

上面的代碼將彈性盒子中的元素對(duì)齊到它們所在的中心位置。

總之，使用CSS彈性盒子可以使網(wǎng)頁(yè)布局更加靈活和自適應(yīng)，值得我們?cè)趯?shí)際開(kāi)發(fā)中多加使用。