2012-01-15 1 views
1

:いくつかのjQueryを使用してhttp://jsfiddle.net/npbvm/ネストされたdivとテキストのセンタリング?私はこのjsfiddleに似一部のHTML持っ

を、外側のdivは、内側のもの、その後大きくなるように、プログラムは、div要素のそれぞれに新たな高みを割り当てます。 divの位置を親の中で垂直方向に合わせるように位置を変更します(topを使用)。
divが垂直中心に揃えられても、divが含むテキストは垂直中心に揃っていません。

含まれているテキストをdivの垂直中心に移動する方法はありますか? マックス

+0

あなたはCSSを使ってjQueryをせずに垂直センタリングを達成することができます。現代のブラウザでは 'display:table-cell'を使用しますが、IE7ではフォールバックが必要です。 http://stackoverflow.com/questions/79461/vertical-alignment-of-elements-in-a-div – mrtsherman

答えて

0

回避策を見つけました。高さを行い、すべてを集中させるのではなく、代わりにパディングを使用しました。それははるかに良く機能し、多くのクリーナーです。しかし答えを

おかげで、
マックス

0

おかげで私は前に、JavaScriptの機能を配置する使用しようと、このような何かをしました。次に、これらの行を行います。テキストの位置を並べ替えます。

$(".yourdivs").each(function(){ 
     $(this).css('height',''); 
     $(this).css('display','inline-block'); 
    }); 
0

これを達成するには、欠点のあるすべての方法があります。私はあなたの場合、line-heightで遊んでテキストを動かすことができると思います。

関連する問題