将元素放在中心位置

Question

我想设置一个位置绝对位于中心的元素，意味着元素的位置不是绝对的，那么我们可以这样做：

            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