在CSS中，使用Flex布局可以讓網頁元素更加靈活和自適應，同時也提升了開發效率和代碼的可讀性和可維護性。

其中，設置Flex布局的主要標識是使用display:flex或display:inline-flex屬性。而在Flex布局中，元素寬度的分配是一個重要的問題，下面我們就來探討一下。

.container{
display:flex;
}
.item{
flex:1;
}

上述代碼展示了一個基本的Flex布局設置，其中.container表示設置Flex容器，.item表示Flex子元素，使用flex:1表示子元素的寬度平均分配，也就是等寬。

.item{
flex:1;
width:100px;
}

如果我們需要設置Flex子元素不等寬，可以使用width屬性進行設置。如上述代碼所示，表示寬度為100px，如果Flex容器的可用空間大于等于100px，則所有子元素都是等寬的；但如果可用空間小于100px，則所有子元素寬度為實際可用空間除以子元素數量。

.item{
flex:1;
min-width:100px;
}

除了width屬性，還可以使用min-width屬性來控制Flex子元素的最小寬度。如上述代碼所示，表示子元素的最小寬度為100px，如果子元素內容過長，可將超過100px的部分省略或者進行換行顯示。

通過上述方式，可以較為靈活地控制Flex子元素的寬度分配。需要注意的是，在進行Flex布局的時候，應該盡量避免給Flex子元素設置明確的寬度值，而是通過Flex布局的屬性進行控制。