JQuery作為前端開發框架的重要組成部分，可以方便地處理各種網頁元素的操作。其中，如何讓
元素居中顯示，是我們常常需要用到的一個問題。本文將介紹一些常用的jquery居中方式。
/**
* 水平和垂直居中
*/
function centerDiv() {
var winHeight = $(window).height();
var winWidth = $(window).width();
var divHeight = $("#divID").height();
var divWidth = $("#divID").width();
$("#divID").css({
"position":"absolute",
"top":(winHeight - divHeight)/2 + "px",
"left":(winWidth - divWidth)/2 + "px"
});
}
$(document).ready(function() {
centerDiv();
$(window).resize(centerDiv);
});以上代碼實現了一個簡單的居中功能，它將
元素垂直居中，并水平居中于網頁中心。
/**
* 水平居中
*/
function hCenterDiv() {
var winWidth = $(window).width();
var divWidth = $("#divID").width();
$("#divID").css({
"position":"absolute",
"left":(winWidth - divWidth)/2 + "px"
});
}
$(document).ready(function() {
hCenterDiv();
$(window).resize(hCenterDiv);
});第二種方法只實現了水平居中，它在
元素的CSS樣式中使用了"position: absolute"，再用JavaScript計算其left屬性值，最后用resize事件保持元素始終居中。
以上兩種方法只是居中的基礎操作，實際應用中還需要根據具體情況進行微調。例如，在第一種方法中，我們可以讓元素距離頂部和左側的距離分別減少10px，使其看起來更美觀。
總之，使用JQuery讓
元素居中并不難，只要掌握了基本操作再加以微調，即可實現各種效果。