CSS是網(wǎng)頁(yè)開發(fā)中的核心技術(shù)之一，用于設(shè)計(jì)和布局HTML文檔。CSS中的主軸是非常重要的一個(gè)概念，它指的是元素布局的主要方向。在CSS中，可以使用Flexbox布局或Grid布局來(lái)定義主軸的方向。

/* 使用flexbox布局 */
.container{
display:flex;
flex-direction: row;
}
/* 使用grid布局 */
.container{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto;
}

在Flexbox布局中，主軸可以是水平或垂直的。默認(rèn)情況下，F(xiàn)lexbox的主軸是水平方向，并且Flex項(xiàng)按照從左到右的順序排列。如果將Flexbox容器的flex-direction屬性設(shè)置為column，則主軸會(huì)變成垂直方向，F(xiàn)lex項(xiàng)會(huì)從上到下排列。

在Grid布局中，主軸可以是水平或垂直的，也可以是區(qū)域網(wǎng)格的行或列。Grid布局提供了更靈活的布局方式，可以將元素放置在網(wǎng)格的任何位置。同時(shí)，它也提供了一些屬性，可以控制網(wǎng)格的間距、對(duì)齊方式等等。

總之，CSS中的主軸是用于控制元素布局的方向。根據(jù)不同的布局方式，主軸的方向可以是水平、垂直或區(qū)域網(wǎng)格的行或列。掌握主軸的概念，可以更好地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)和布局。