Flex布局是一種現(xiàn)代的布局方式，可以讓開發(fā)者更輕松地布置網(wǎng)頁的元素。而CSS3 Flex Basis屬性就是Flex布局中的一個重要屬性，它用來設置彈性容器中Flex子項的初始大小。

Flex Basis屬性指定Flex子項在分配剩余空間之前的大小，它可以是一個具體的長度值或者是一個關鍵字，如auto和content。如果設置為auto，則表示子項的大小由其內(nèi)容決定；如果設置為content，則表示子項的大小由其內(nèi)部的內(nèi)容和屬性（例如字號）決定。

.container {
display: flex;
flex-direction: row;
}
.item {
flex-basis: 50%;
}

在上述代碼中，我們設置了一個Flex容器和兩個Flex子項。其中，F(xiàn)lex Basis屬性設置為50%時，表示每個子項的初始大小為容器的一半。這樣，當子項總寬度小于容器寬度時，每個子項都會根據(jù)50%的比例進行分配；當子項總寬度大于容器寬度時，F(xiàn)lex Basis的設置會影響子項的縮小比例。

除了長度值和關鍵字，F(xiàn)lex Basis屬性還可以設置為keywords。比如，min-content表示子項的大小為其自身的最小寬度；max-content表示子項的大小為其自身的最大寬度。

.item {
flex-basis: min-content;
}

在這個例子中，我們指定了子項的Flex Basis為min-content。因此，子項的寬度會根據(jù)其內(nèi)容自動收縮，直到達到最小寬度為止。

總的來說，CSS3 Flex Basis屬性的主要作用是控制Flex子項的初始大小，以便進行更精細的布局控制。