CSS輪播居中的方法有很多，下面我們介紹一種簡單有效的方法。

/* CSS樣式 */
.slider-container {
width: 100%;
overflow: hidden;
position: relative;
}
.slider {
margin: 0;
padding: 0;
display: flex;
list-style: none;
width: 100%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
animation: slide 5s infinite;
}
.slider li {
width: 100%;
}
.slider img {
width: 100%;
height: auto;
}
@keyframes slide {
0% {
transform: translateY(-50%) translateX(0%);
}
20% {
transform: translateY(-50%) translateX(0%);
}
25% {
transform: translateY(-50%) translateX(-100%);
}
45% {
transform: translateY(-50%) translateX(-100%);
}
50% {
transform: translateY(-50%) translateX(-200%);
}
70% {
transform: translateY(-50%) translateX(-200%);
}
75% {
transform: translateY(-50%) translateX(-300%);
}
95% {
transform: translateY(-50%) translateX(-300%);
}
100% {
transform: translateY(-50%) translateX(-400%);
}
}

首先，我們將輪播容器的寬度設置為100%，并隱藏超出部分。其次，設置輪播列表的寬度為100%（必須），將其定位到容器的左側，并通過transform將其垂直居中。最后，添加輪播的動畫效果。

以上就是一種簡單有效的CSS輪播居中方法，可以幫助大家實現想要的效果。