CSS居中平鋪是網頁設計中經常使用的技巧。在許多情況下，你需要以平鋪方式將圖片或其他內容居中在頁面中。以下是如何使用CSS實現這個效果的詳細介紹。

/*居中平鋪的使用*/
.center-tile {
width: 100%; /*設置寬度為100%放置溢出*/
height: 400px;
background: url(https://www.example.com/bg-pattern.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
/* 使用以下代碼可以使內容居中 */
display: flex;
align-items: center;
justify-content: center;
}

首先，你需要一個具有固定高度的區域。然后，添加一張背景圖片并設置背景位置為中心。隨后，使用CSS的“cover”屬性使圖片自適應區域大小，并使用“no-repeat”屬性防止重復。接下來你可以使用以下代碼將內容居中，在“display”中使用“flex”來確保子元素在容器中對齊。