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