【发布时间】:2012-10-15 22:45:13
【问题描述】:
所以我一直在这似乎永远无法弄清楚。由于图像,我有一个包含不同高度内容的网格,我试图让它们全部对齐底部但没有运气。我已经尝试了我在这里看到的东西,但是没有,在我的 jsfiddle 中评论了
【问题讨论】:
-
你能解释更多你想要做什么,你想要 .sizes 块行对齐到页面底部吗?
标签: css twitter-bootstrap
所以我一直在这似乎永远无法弄清楚。由于图像,我有一个包含不同高度内容的网格,我试图让它们全部对齐底部但没有运气。我已经尝试了我在这里看到的东西,但是没有,在我的 jsfiddle 中评论了
【问题讨论】:
标签: css twitter-bootstrap
这是您想要的(我认为的)小提琴的更新版本:http://jsfiddle.net/qXT6K/34/
您与position: absolute; bottom: 0; 走在正确的轨道上;这只是获得正确偏移量的问题。
我给容器 div 一个高度只是为了显示底部对齐。你确实需要给它一个高度,否则它的所有孩子都绝对定位,它将默认为 0。
要使容器 div 居中(使其所有子项都居中),您需要使用 margin-left: auto 和 margin-right: auto(简写 margin: 0 auto),以及在 div 上设置宽度(通过 @ 类应用987654326@ 在我的示例中),加上删除捆绑到所有 span-classed 元素中的 float 属性。您还需要 padding-right: 40px 将容器的子代居中,占 margin-left: 20px 也适用于 .span-s。
【讨论】:
这是你想要的吗? http://jsfiddle.net/UxYnV/
更新 现在元素居中:http://jsfiddle.net/UxYnV/2/
【讨论】: