如果你想要讓一個div在懸浮時保持居中位置，你可以使用jQuery實現。下面是具體實現步驟：

// 獲取屏幕的寬度和高度
var screenWidth = $(window).width();
var screenHeight = $(window).height();
// 獲取div的寬度和高度
var divWidth = $("#divId").width();
var divHeight = $("#divId").height();
// 計算div的居中位置
var leftPos = (screenWidth - divWidth) / 2 + "px";
var topPos = (screenHeight - divHeight) / 2 + "px";
// 設置div的居中位置
$("#divId").css({"position":"fixed", "left":leftPos, "top":topPos});

以上代碼中，我們首先獲取屏幕的寬度和高度以及div的寬度和高度，然后通過計算得到div的居中位置，并使用jQuery的css方法將div的位置設置為居中位置。同時，將div的position屬性設置為fixed，這樣當頁面滾動時，div也會保持在屏幕中央。

你可以在需要保持居中的div上添加一個懸浮事件，當鼠標移動到該div上時，div就會自動居中。例如：

$("#divId").hover(function(){
// 在懸浮時設置div的居中位置
$("#divId").css({"position":"fixed", "left":leftPos, "top":topPos});
}, function(){
// 在離開時還原div的位置
$("#divId").css({"position":"relative", "left":"0", "top":"0"});
});

通過以上代碼，我們在div上添加了懸浮事件，當鼠標移動到div上時，div就會自動居中，當鼠標離開時，div又會回到原來的位置。

希望以上代碼對你有所幫助，添加一個居中懸浮的div能使你的頁面更加美觀大方。