CSS圖片隨屏幕居中是一個非常常見的需求，無論是在網頁設計還是在移動端設計中，都需要用到這個功能。但是對于新手來說，這可能是一個有點難度的問題。那么，接下來我們就來詳細介紹一下如何使用CSS讓圖片隨屏幕居中顯示。

img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

首先，我們需要給圖片設置一個絕對定位，這樣才能使其脫離文檔流并按照我們所設置的位置進行布局。接下來，我們使用top: 50%; 和 left: 50%; 來設置圖片的位置為整個頁面的中心點。

但是這樣設置會有一個問題，就是圖片的左上角會跑到頁面的中心點，而不是圖片的中心點。因此，我們需要使用一個叫做transform的CSS屬性來對圖片進行微調。

transform: translate(-50%, -50%); 是一個將元素向左和向上移動的方法，其中第一個參數-50%是表示向左移動元素寬度的50%，第二個參數-50%是表示向上移動元素高度的50%，這樣就可以讓圖片的中心點與頁面的中心點重合了。

以上就是使用CSS讓圖片隨屏幕居中的方法，相信大家掌握了這個方法后，就可以輕松地將頁面中的圖片設置為居中顯示了。