如何删除按钮的底部空间？

Question

我正在使用这个新网站来制作这个结果：

这是我目前的状态：

github repo的链接：https://github.com/rittamdebnath/papercutlabs_new

有人可以帮帮我吗？

Answer 1

请添加此CSS：

.section.payments .payment-card {
    padding-bottom: 60px;
}
section.payments a.btn {
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
}

Answer 2

尝试它可能会帮助你

<style>
section.payments .payment-card .services p.content {
min-height: 158px;
}
</style>

Answer 3

section.payments .payment-card .services p.content{    min-height: 156px;}

添加“min-height：156px;”上面的课程

Answer 4

删除按钮下方的空格。请使用以下代码：

section.payments .payment-card {
    padding-bottom: 60px;
}
section.payments a.btn {
    position: absolute;
    bottom: 0;
    left: 0;
}

Answer 5

您只需在代码中添加以下css即可：

section.payments .payment-card {

display: flex;
flex-direction: column;
width: 100%;

}

section.payments a.btn {

align-self: flex-end;
margin-top: auto;

}

**截图： - ** enter image description here

Answer 6

这样做的最佳方法是使用按钮的绝对位置，它可以在每个屏幕上的每个条件下为您工作，因为一些用户在上面回答。使用该位置解决方案。您也可以使用flex解决方案，但会遇到一些浏览器兼容性问题。