文本为多行时，CSS条件margin-top

Question

我正在开展以下页面：

我想将“更多”按钮对齐到容器的底部。如果标题至少为2行，则此方法有效。如果文本是单行，我该如何添加一些余量？

这是我的css：

.journeycontainer{
position: relative;
width: 940px;
margin-left: auto;
margin-right: auto;

}

.journey{
display: inline-block;
width: 400px;
float: left;
position: relative;
margin: 20px;

}

.journeycontent{
float: left;
margin-left: 20px;
position: relative;

}

.journeybutton{
margin-top: 14px;
margin-bottom: 0px;
position: absolute;

}

基本上我想从旅程按钮更改margin-top

欢迎任何建议

Answer 1

使用：

.journeybutton{
   bottom:0px;
   left:0px
   position: absolute;
}

Answer 2

在这里，不要使用保证金，使用底部：

.journeybutton{
    bottom:0
    position: absolute;
}