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-分类的元素中。您还需要padding-right: 40px将容器的子项居中,margin-left: 20px这也适用于.span-s。

于 2012-10-11T20:00:02.160 回答
1

这是你想要的吗?http://jsfiddle.net/UxYnV/

现在更新 元素居中:http: //jsfiddle.net/UxYnV/2/

于 2012-10-11T19:40:48.527 回答