在CSS中，文字居中是一個經常使用的樣式，但有時會遇到文字居中后頁面會發(fā)生移動的問題。
要解決這個問題，首先需要明確文字居中的方式是如何實現的。常用的方法是通過設置text-align屬性為center來實現文字水平居中。例如：

p {
text-align: center;
}

這會使段落中的文字在水平方向上居中對齊。但需要注意的是，這種居中方式只是改變了文字的對齊方式，并沒有改變文字所在位置的坐標。
如果頁面中還有其他元素，如圖片、表格等，并且它們的寬度與居中的文字不同，就會導致頁面發(fā)生移動的問題。例如，下面的代碼中，一個圖片和一個段落都被居中對齊，但是圖片的寬度比段落寬度要大。

div {
text-align: center;
}
p, img {
display: inline-block;
}

這會導致圖片的左側空白部分變得更寬，從而使整個頁面向右側移動。為了避免這個問題，需要將居中的元素都設置為同樣的寬度，或使用其他的居中方式，例如使用flex布局居中。例如：

div {
display: flex;
justify-content: center;
align-items: center;
}

這個方法將容器設置為flex容器，并將主軸方向和交叉軸方向都設置為居中。通過這種方式實現的居中不會導致頁面移動的問題。
綜上所述，要實現文字居中的效果，需要注意文本所在位置的坐標，避免出現其他元素寬度不同導致頁面移動的問題。同時，合理地選擇不同的居中方式也能幫助避免這個問題。