私は<div id="outer">次のCSSを持っているを持っています：
position:relative;
width:300px;
height:125px;
float:left;
background:url(../images/callto-button1.png) no-repeat #185E7D;
その中には複数行のテキストがあります。テキストを外側のdivの垂直方向の中央に配置するにはどうすればよいですか？
cssメソッドを試しましたdisplay:table-cellが、ページの他の要素と競合します。
テキストのサイズは不明です。
IE6以降のすべてのブラウザーで機能する方法またはトリックはありますか？
垂直方向のセンタリングを試みるとき、私はいつもこのページに戻ってきます: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
方法 1:
このメソッドでは、div 表示テーブル セルと垂直方向の align:middle を作成します。ただし、IE7 & IE6 では動作しません。そのためのハックをいくつか紹介します。
チュートリアル: http://css-tricks.com/vertically-center-multi-lined-text/
方法 2:
外側を div で囲み、絶対位置にすることができます add style top:50% & margin-top は、div の高さの半分にする必要があります。