どのように私は垂直たとえばdivを

内真ん中に画像やテキストを揃えることができます。http://jsfiddle.net/S23ut/1/どのように私は垂直たとえばdivを

私は画像と垂直方向にそのコンテナの中央に揃えするテキストをしたいと思います。私はこのためにCSSを正しく取得できないようです。任意のアイデア/トリックですか？

2012-04-23 Ken

私は、クロスブラウザの互換性についてはよく分からないんだけど、CSS display: table-XXXを使用するとうまくいくかもしれない：

#offer_widget .row { 
    display: table-row; 
} 

#offer_widget .row_image { 
    display: table-cell; 
    text-align:center; 
    vertical-align: middle; 
} 
#offer_widget .row_text { 
    display: table-cell; 
    vertical-align: middle; 
}

はthis update to your jsFiddleを参照してください。

出典

2012-04-23 05:39:39 detly

ちょっとフロートを削除し、表示テーブルのプロパティが2つのネストされたdiv要素内のCSSスタイル下のデモhttp://jsfiddle.net/rohitazad/S23ut/5/

出典

2012-04-23 05:40:22

使用生きる与える：例えば

display:table 
display:table-cell

を。

<html> 
<head> 
    <style> 
     #outer{width:100px; height:60px; border:solid 1px #f00;display:table;} 
     #inner{display:table-cell; vertical-align:middle;text-align:center;font-size:16px;} 
    </style> 
</head> 
<body> 
    <div id="outer"> 
     <div id="inner">test</div> 
    </div> 
</body> 
</html>

出典

2012-04-23 05:47:39 seanbun

どのように私は垂直たとえばdivを

答えて

関連する問題