html - 如何在 HTML 按钮下方添加填充？

Question

如果我的布局是

BUTTON
TEXT

我正在尝试在 BUTTON 和 TEXT 之间创建空间。尝试类似的东西

.bottom-gap {
    padding-bottom: 150px
}

似乎只是增加了按钮的高度

Answer 1

填充应用于元素的内部。要在元素底部添加边距，您需要使用margin-bottom: 150px. 我假设您的按钮是一个实际的 UI<button>元素。如果没有，您需要确保它显示为内联块。