CSS打印預覽不居中是一個很常見的問題。當我們用CSS定義了網頁的樣式，如果直接打印會發現很多元素都不符合打印的需求，比如背景顏色會消失、寬度比例不適宜打印等等。為了解決這個問題，我們一般會使用CSS打印樣式對頁面進行優化，但是在這個過程中有時候會出現不居中的情況。

造成打印預覽不居中的原因有很多，下面列舉幾種常見的情況：

//樣式代碼樣例
@media print {
.container {
width: 100%;
margin: 0 auto;
}
}

以上的代碼是一種比較常見的CSS打印預覽居中的方式，原理是在打印模式下將容器的寬度設置為100%，然后對其進行居中布局。但是這種方式也很容易出現不居中的情況，如果在正常網頁中使用了一些CSS樣式使得容器寬度發生了變化，就會導致打印預覽時不居中。

解決不居中的問題有很多種方法，下面介紹幾種常見的方法：

//樣式代碼樣例
@media print{
.container {
position:relative;
}
.content {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
}

以上的代碼是一種比較穩定的打印預覽居中方式，它的原理是將容器設置為相對定位，然后將內容設置為絕對定位，在水平方向上使用絕對定位的left屬性將內容居中。但是需要注意一點的是，如果內容寬度過小，使用上述方式會導致內容居中后與頁面邊緣產生一定的間隙，因此需要根據實際情況進行調整。

當然，打印預覽不居中還有很多其他的原因，比如border或padding的設置、縮放比例的影響等等。因此，我們在進行打印樣式優化時需要考慮到各種情況，盡可能做到全面、穩定、兼容。