JQuery是一種JavaScript庫，用于簡化HTML DOM遍歷和操作、JavaScript事件處理、動畫等等。今天我們將討論一下如何使用JQuery來設置圖片的水平垂直居中顯示。

//html代碼
<div class="container">
<img src="img.jpg" alt="圖片">
</div>
//css代碼
.container {
position: relative;
}
.container img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

首先，我們需要將包含圖片的容器設置為相對定位，這樣圖片的絕對定位將以其為依據。

然后，我們將圖片的位置設置為絕對定位，使其可以獨立于其它內容進行定位。

接下來，我們將圖片的頂部和左側位置值都設置為50% ，這使其在容器的中心位置上垂直和水平居中。

最后，我們需要使用CSS3的transform屬性來將圖片向左上方移動，從而使其完美居中。

希望這些代碼能幫助您輕松設置圖片的水平垂直居中顯示。祝你好運！