javascript - jQuery：水平居中绝对位置对象

Question

我正在尝试使用 CSS 和 jQuery 的组合将一系列对象水平居中。jQuery 部分是我遇到的麻烦。这是我的代码：

$('.tooltip').each(function() {
        $(this).css('margin-left', 0 - ($(this).width / 2) );
}

上面的代码应该应用一个负边距，它正好是对象宽度的一半。我究竟做错了什么？

Answer 1

$('.tooltip').each(function() {
        $(this).css('margin-left', '-'+($(this).width() / 2)+'px');
}

Answer 2

.tooltip {
   position: absolute; 
   width: 300px; // suppose
   left: 50%;
   margin-left: -150px; // half of the width
}

使用 jQuery：

$('.tooltip').each(function() {
        $(this).css('margin-left', '-' + $(this).width / 2 + 'px');
}