微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css – 引导3:如何将列内容对齐到行底部

我在该行的引导3和3列中有一行.我想将两列列对齐到行的底部,并将第一列保留在顶部.当我使用传统的方法与位置相对在父母和绝对两列时,我得到一个奇怪的行为,我想象是因为某些在twitter引导.这是一个发生的事情:

http://www.bootply.com/125735

绝对的力量所有列在彼此之上,任何人都可以帮助我吗?最终的结果是有这样的东西:

http://fahadalee.wordpress.com/2013/12/31/bootstrap-3-help-how-to-alin-div-in-bottom/

谢谢

解决方法

您可以使用display:table-cell和vertical-align:bottom,在要对齐的两列中,如下所示:
.bottom-column
{
    float: none;
    display: table-cell;
    vertical-align: bottom;
}

工作示例here.

此外,这可能是duplicate question.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。