css - 产品列表 - 对齐列底部的一些元素

Question

我需要在 div 的底部对齐一些元素，同时将其他元素保持在顶部。虽然我能够完成部分工作，但我无法让它变得“漂亮”——我的元素没有正确对齐，元素之间没有很好的空间。我做错了什么，有什么建议吗？

我添加了我的 CSS:

.bottom_align {
    position: absolute;
    bottom: 0;
}

我是 bootstrap 的新手，CSS 不是我最擅长的套件，有什么建议吗？

我创建了一个 fiddle :http://jsfiddle.net/p382qby6/1/

Answer 1

您应该使用 position : relative 来管理元素之间的间隙。

.bottom_align {
    position: relative;
   /* margin-top: some px; */
/* margin-bottom: some px; */
}