css - フロートの垂直整列

Question

浮動要素を垂直方向に揃えるにはどうすればよいですか?

私は現在、ラッピング div に 3 つの要素 (左にフローティングされた画像、右にフローティングされた別の画像、margin:0 が中央に配置された div) を持っています。これらは現在上部に配置されていますが、div の下部に配置したいと考えています。

これはレスポンシブレイアウトであるため、絶対位置を使用せずにこれを達成するにはどうすればよいですか? display:inline-block私はそれらを作ってみましvertical-align: bottomたが、それは何の役にも立ちません。

Answer 1

一部の要素で vertical-align を使用するには、その要素にdisplay:table-cell;css スタイルが必要です。http://jsfiddle.net/StPYR/

jsfiddle が更新されました: http://jsfiddle.net/chCjT/16/display:inline-block;要素をフローティングする代わりに、それらにcss プロパティ を与える必要があります