CSS中的極速模式是非常有用的功能，它可以在網站頁面加載速度方面帶來很大的優勢。但是，有時候在使用CSS極速模式的時候，我們發現頁面中的元素不再居中顯示了。

<div class="container">
<div class="box"></div>
</div>
.container {
width: 960px;
margin: 0 auto;
position: relative;
}
.box {
width: 500px;
height: 300px;
background-color: red;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

上面的代碼是一個簡單的頁面布局，我們用CSS讓容器居中，而盒子元素也用了margin: auto來實現水平和垂直居中。但是，在開啟極速模式后，盒子元素的居中效果就失效了。

為了解決這個問題，我們需要將盒子元素的position設為fixed或者把容器元素的position設為relative，這樣就可以使元素居中了。

<div class="container">
<div class="box"></div>
</div>
.container {
width: 960px;
margin: 0 auto;
position: fixed;
left: 50%;
transform: translateX(-50%);
}
.box {
width: 500px;
height: 300px;
background-color: red;
position: relative;
margin: auto;
}

上面的代碼中，我們讓容器元素的position設為fixed，并設置了left和transform屬性來實現其水平居中。而盒子元素則設為relative，繼續使用margin: auto來實現垂直居中。這樣就可以解決CSS極速模式下居中問題了。

總之，在使用CSS極速模式的時候，需要注意元素的定位方式，以保證其居中效果。