甲殼素（Flexbox）是CSS3中的一種布局模式，它主要用于解決在不同尺寸設備上的布局問題。甲殼素布局通過將容器分為一系列的行和列，使得容器中的子元素能夠在這些行和列之間自由分布。這種布局方式相對傳統的布局方式更加靈活、直觀，且易于實現。

.container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.item {
flex: 1;
margin: 10px;
text-align: center;
}

在上面的樣例代碼中，我們可以看到，.container是容器的類名，設置了display:flex屬性以啟用甲殼素布局模式。flex-direction屬性指定了子元素排列的方向，這里是橫向排列的（flex-direction:row）；justify-content屬性指定了子元素的水平布局方式，這里是居中對齊的（justify-content:center）；align-items屬性指定了子元素的垂直布局方式，這里也是居中對齊的（align-items:center）。

而.item則是子元素的類名，設置了flex:1屬性，表明該元素會根據可用空間進行等分布局。同時設置了margin:10px屬性，以保證子元素之間有一定的間距；text-align屬性用于控制子元素內文本的水平對齊方式，這里是居中對齊的。

總的來說，甲殼素布局是CSS3中一種非常實用的布局方式，尤其在響應式設計時表現得更加獨特。需要注意的是，在使用甲殼素布局時我們需要更全面地考慮不同設備的兼容性問題，以達到更好的用戶體驗。