CSSとjQueryを組み合わせて、一連のオブジェクトを水平方向に配置しようとしています。 jQueryの部分は私が問題を抱えています。ここに私のコードはあります:jQuery:オブジェクトの水平方向の位置を中心に
上記のコードは、オブジェクトの幅のちょうど半分の負の余白を適用する必要があります。私は間違って何をしていますか? jQueryの使い方
CSSとjQueryを組み合わせて、一連のオブジェクトを水平方向に配置しようとしています。 jQueryの部分は私が問題を抱えています。ここに私のコードはあります:jQuery:オブジェクトの水平方向の位置を中心に
上記のコードは、オブジェクトの幅のちょうど半分の負の余白を適用する必要があります。私は間違って何をしていますか? jQueryの使い方
$('.tooltip').each(function() {
$(this).css('margin-left', '-'+($(this).width()/2)+'px');
}
.tooltip {
position: absolute;
width: 300px; // suppose
left: 50%;
margin-left: -150px; // half of the width
}
:
$('.tooltip').each(function() {
$(this).css('margin-left', '-' + $(this).width/2 + 'px');
}
これはうまくいくが、オブジェクトの幅はすべて異なる。 – colindunn
@ colindunnnだからjqueryのソリューションを試すことができます – thecodeparadox
ドロップゼロ、とでは機能です! – adeneo
ああ、クール。どのように見えるだろうか? – colindunn