CSS中，平鋪背景可以通過background-repeat屬性實現(xiàn)。

background-repeat有四個取值：

background-repeat: repeat;// 默認(rèn)值，背景圖像在水平方向和垂直方向都重復(fù)
background-repeat: repeat-x;// 背景圖像在水平方向重復(fù)
background-repeat: repeat-y;// 背景圖像在垂直方向重復(fù)
background-repeat: no-repeat;// 背景圖像不重復(fù)

而將背景圖像垂直居中可以通過背景圖像的CSS屬性background-position實現(xiàn)。其取值也有四種：

background-position: left top;// 默認(rèn)值，背景圖像從左上角定位
background-position: left center;// 背景圖像從左邊居中定位
background-position: right center;// 背景圖像從右邊居中定位
background-position: center center;// 背景圖像在中間定位

所以，要實現(xiàn)平鋪背景垂直居中，可以將background-repeat設(shè)置為no-repeat，background-position設(shè)置為center center。

.box {
width: 500px;
height: 500px;
background-image: url("example.jpg");
background-repeat: no-repeat;
background-position: center center;
}

這樣就可以在一個寬高為500px的容器中平鋪顯示背景圖片，并且實現(xiàn)垂直居中。