位置中心

Question

我想設置一個元素，它的位置是在中心絕對的元素，也就是說，如果element`s位置都不是絕對的，然後我們可以這樣做：

  margin : 0 auto; 

但是我們怎麼可以這樣做元素的位置是絕對的。

Answer 1

.target { 
    position: absolute; 
    left: 50%; /* set left */ 
    width: 500px; /* give width */ 
    margin-left: -250px; /* margin-left = width/2 */ 
} 

，並設置它的父作爲position: relative

DEMO

樣品jQuery的方法：

var width = $('.target').width(); 
$('.target').css({ 
    left: '50%', 
    'margin-left': -(width/2) 
}); 

DEMO