Cách đặt một phần tử div ở giữa màn hình ACTUAL? (JQuery)

Question

tôi cần định vị phần tử div ở giữa màn hình. Tôi tìm thấy một mã đơn giản dưới đây, nhưng tôi cần trung tâm của màn hình ACTUAL, không phải "tổng chiều cao/2" của trang!

đây là mã Jquery tập trung một phần tử chứ không phải màn hình thực;

jQuery.fn.center = function() { 
this.css("position","absolute"); 
this.css("top", ($(window).height() - this.height())/2+$(window).scrollTop() + "px"); 
this.css("left", ($(window).width() - this.width())/2+$(window).scrollLeft() + "px"); 
return this;} 

như tôi đã nói, tôi cần phải tính toán các kích thước màn hình thực tế (như 1366 * 768 hoặc bất cứ người dùng thay đổi kích cỡ trình duyệt của họ) và vị trí của phần tử tại trung tâm của màn hình. vì vậy, nếu tôi di chuyển xuống trang, luôn luôn div trung tâm nên ở trung tâm, một lần nữa.

Answer 1

Nếu bạn đang okay với việc sử dụng fixed vị thay vì absolute, bạn có thể sử dụng một cái gì đó như sau:

jQuery.fn.center = function() 
{ 
    this.css("position","fixed"); 
    this.css("top", ($(window).height()/2) - (this.outerHeight()/2)); 
    this.css("left", ($(window).width()/2) - (this.outerWidth()/2)); 
    return this; 
} 

$('#myDiv').center(); 
$(window).resize(function(){ 
    $('#myDiv').center(); 
}); 

Demo: http://jsfiddle.net/GoranMottram/D4BwA/1/

Answer 2

TRY NÀY:

var width=$("#div").css("width"); 
var half=width/2; 
$("#div").css("marginLeft","-"+half+"px"); 

Thay đổi #div với chọn của bạn.

Answer 3

nó works..take lặn này nó như #sample

cho phong cách css của nó như

#sample{ 
margin-left:auto; 
margin-right:auto; 
width:200px;//your wish 
} 

nghĩ nó hoạt động ..