在Web前端開發中，居中顯示是非常常見的需求。其中一個重要的方案就是使用jQuery來實現div居中。下面是代碼示例:

//居中顯示函數
function centerDiv(){
var top = ($(window).height() - $("#myModal").outerHeight())/2;
var left = ($(window).width() - $("#myModal").outerWidth())/2;
$("#myModal").css({"position":"absolute","top":top,"left":left});
}
//綁定窗口變化事件
$(window).resize(function(){
centerDiv();
});
//初始居中顯示Div
centerDiv();

以上代碼實現了對id為myModal的div進行居中顯示。其中使用了jQuery的outerHeight和outerWidth方法獲取div的的高度和寬度，并通過計算實現居中顯示的位置。在綁定了窗口變化事件和初始居中顯示函數之后，使得div在窗口大小變化時仍然保持居中顯示。應用該方法可實現界面的美觀和用戶體驗的提升。