CSS布局是我們前端開發中的重要環節。以下是一些常用的CSS布局資料，供大家參考。

/* 網頁布局 */
.wrapper {
display: flex;      // 實現彈性布局
flex-wrap: wrap;    // 實現換行
justify-content: center;  // 實現居中
}
/* 柵格系統 */
.row {
display: flex;
flex-wrap: wrap;
}
.col {
flex-basis: 0;
flex-grow: 1;
}
/* 水平垂直居中 */
.container {
position: relative;
}
.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 響應式布局 */
@media screen and (max-width: 768px) {
.wrapper {
flex-direction: column;
align-items: center;
}
}

以上是一些常用的CSS布局資料，希望對大家有所幫助。當然，具體的布局還需要根據實際情況進行調整優化。