ですから、私は永遠に見えるものに取り組んできましたが、それを理解することはできません. 画像のために高さが異なるコンテンツを含むグリッドがあり、それらをすべて下に揃えようとしていますが、うまくいきませんでした。私はここで見たことを試しましたが、いいえ、私のjsfiddleでコメントしました
2 に答える
これは、あなたが望む(私が思うに)フィドルの更新版です:http://jsfiddle.net/qXT6K/34/
あなたは正しい軌道に乗っていましたposition: absolute; bottom: 0;
; オフセットを正しく設定するだけです。
下揃えを表示するためだけに、コンテナ div に高さを指定しました。高さを指定する必要があります。そうしないと、すべての子が絶対配置され、デフォルトで 0 になります。
コンテナー div を中央に配置するには (したがって、そのすべての子が中央に表示されるようにするには)、margin-left: auto
and margin-right: auto
(短縮形margin: 0 auto
) を使用し、さらに div に設定された幅 (私の例ではクラスを介して適用されます) に加えて、バンドルされているプロパティをspan8
削除する必要があります。float
すべてのspan-
分類された要素に。また、sにも適用される をpadding-right: 40px
考慮して、コンテナーの子を中央に配置する必要があります。margin-left: 20px
.span-
これは、あなたの望むことですか?http://jsfiddle.net/UxYnV/
Update Now 要素が中央に配置されています: http://jsfiddle.net/UxYnV/2/