1

私はもともとフローティング div を持っていて、これらのフロート内のコンテンツを垂直方向に揃えたいと思っていました。

これは私に問題を与えていたので、フロートを削除する必要がありました。

この投稿で言及されているこのフィドルを回避しました。

そして、フィドルを使用して目的のレイアウトを取得しました。しかし、divを垂直方向に配置する際に問題に直面しています。

私は試した、

vertical-align:middle;
display:table-cell;

parentコンテナ用と

display: inline-block;

childコンテンツ用。

1)このフィドルで。rightを の中で縦に並べたいright-container

言い換えれば。two divsa 内で垂直方向に整列させたいのですがmain div、2 つの div のそれぞれの内側の div を垂直方向に整列する必要があります。

2)フロート内で垂直方向の位置合わせを行うにはどうすればよいですか? そのため、元のレイアウトを変更できない場合があります。右と左が であるとフィドルで言いますfloats

いくつかのポインタが必要です。

編集:

これは、テーブルを使用するとより簡単になる場合があります。しかし、私は div ベースのソリューションを探しています。

4

1 に答える 1

1

それはあなたが望むものですか?

追加した:<div id="right" style="display:table-cell;vertical-align:middle;"> RIGHT </div>

jsFiddleアップデート:http ://jsfiddle.net/5vpA3/157/

于 2012-11-04T20:51:40.763 に答える