0

基本的に、液体で2列のdivを作成しようとしていますが<h1>、の高さ全体にまたがる別のdivを作成しようとしています<h1>が、垂直方向の配置を中央に配置したいと思います。私は基本的にページタイトルの左側に画像を配置しようとしています：

<div class="outer">
   <div><img src="pound.png" /></div>
   <h1>This is text that is really long. This is text that is really long.  This is text that is really long.  This is text that is really long.  This is text that is really long.</h1>
</div>

これが例です。特定の状況で画像を右側にフロートさせたいので、テーブルはあまり使いたくありません。境界線も気にせず、配置を説明するために行っています。

------------------------------------------------------
        |  This is text that is really long. This is 
######  |  text that is really long. This is text that
######  |  is really long. This is text that is really
######  |  long. This is text that is really long. This 
        |  is text that is really long.
------------------------------------------------------

私の主な問題は、画像を垂直方向にスペース全体を占めるようにして、マージンを使用して垂直方向に位置合わせできるようにすることです。50％または自動、また​​はそのバリエーションです。画像を垂直方向の中央に配置してからテキストを折り返すか、テキストを折り返さないようにして画像を垂直方向に配置することができます。

4

3 に答える 3

0

box-alignブラウザーのサポートは現在少し制限されていますが、 css プロパティを使用して画像とテキストの垂直方向の配置を試すことができます。詳細はこちら。

于 2012-04-09T02:43:13.133 に答える
0

このトピックは、オンラインでかなり広範囲にカバーされています: http://goo.gl/hmTsW

これはテクニックの良い要約だと思います。あなたに合ったものを選んでください。http://blog.themeforest.net/tutorials/vertical-centering-with-css/

于 2012-04-09T02:01:32.327 に答える
-1

行の高さを使用してみてください。また、可能であれば差分に使用する方が簡単です

于 2012-04-09T00:05:01.403 に答える