4

ですから、私は永遠に見えるものに取り組んできましたが、それを理解することはできません. 画像のために高さが異なるコンテンツを含むグリッドがあり、それらをすべて下に揃えようとしていますが、うまくいきませんでした。私はここで見たことを試しましたが、いいえ、私のjsfiddleでコメントしました

http://jsfiddle.net/qXT6K

4

2 に答える 2

9

これは、あなたが望む(私が思うに)フィドルの更新版です:http://jsfiddle.net/qXT6K/34/

あなたは正しい軌道に乗っていましたposition: absolute; bottom: 0;; オフセットを正しく設定するだけです。

下揃えを表示するためだけに、コンテナ div に高さを指定しました。高さを指定する必要があります。そうしないと、すべての子が絶対配置され、デフォルトで 0 になります。

コンテナー div を中央に配置するには (したがって、そのすべての子が中央に表示されるようにするには)、margin-left: autoand margin-right: auto(短縮形margin: 0 auto) を使用し、さらに div に設定された幅 (私の例ではクラスを介して適用されます) に加えて、バンドルされているプロパティをspan8削除する必要があります。floatすべてのspan-分類された要素に。また、sにも適用される をpadding-right: 40px考慮して、コンテナーの子を中央に配置する必要があります。margin-left: 20px.span-

于 2012-10-11T20:00:02.160 に答える
1

これは、あなたの望むことですか?http://jsfiddle.net/UxYnV/

Update Now 要素が中央に配置されています: http://jsfiddle.net/UxYnV/2/

于 2012-10-11T19:40:48.527 に答える