CSS3的Flexbox模塊是一種用于布局的新技術，允許您創(chuàng)建動態(tài)的和響應式的頁面布局。本文將展示一些使用CSS3 Flexbox的示例：

示例1：
.container {
display: flex;
justify-content: center;
align-items: center;
}
這個示例創(chuàng)建了一個容器，其中所有的子元素都水平和垂直居中。justify-content:center屬性使子元素在容器中水平居中，align-items:center屬性將它們垂直居中。
示例2：
.container {
display: flex;
flex-wrap: wrap;
}
.container .item {
flex-basis: 33.33%;
}
這個示例創(chuàng)建了一個包含三列的響應式布局，在小屏幕上列會變成兩列，甚至是一列。flex-wrap屬性允許子元素換行。flex-basis屬性指定每個子元素的基礎寬度為33.33%。
示例3：
.container {
display: flex;
justify-content: space-between;
}
.container .item {
flex: 1;
}
這個示例創(chuàng)建了一個容器，其中所有子元素將在容器內(nèi)均勻分布，但在它們之間留有空白。justify-content:space-between屬性使它們均勻分布。flex:1屬性使子元素等寬。
總的來說，CSS3 Flexbox是一種優(yōu)秀的布局技術，具有響應式和動態(tài)的特性。以上三個示例只是Flexbox的冰山一角，它還有很多其他有用的屬性，如order、flex-direction、align-self等等。建議盡可能地掌握這些屬性，以繪制出更美觀、靈活和響應式的頁面布局。