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');
}