CSS復選框的居中方式有很多種方法，下面我們來介紹兩種比較常用的方式。

第一種方法是使用Flex布局。該方法主要是利用Flex布局的屬性align-items和justify-content來實現居中效果。

.checkbox-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.checkbox {
margin-right: 10px; //調整復選框和文本之間的間距
}

第二種方法是使用絕對定位加margin負值的方式。該方法主要是利用絕對定位的特性，將復選框定位到父容器的中心，再使用margin負值將復選框向左上方移動。

.checkbox-wrap {
position: relative;
}
.checkbox {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-right: 10px; //調整復選框和文本之間的間距
}

以上兩種方法均可實現復選框的居中效果，但是使用Flex布局的方式更為簡單和直觀，適合初學者快速上手。而使用絕對定位的方式則需要對CSS布局的原理有更深入的理解，才能更好地運用。