jquery - 不同分辨率下 div 中按钮之间的自动边距的 CSS

Question

我在 div 中有 3 个按钮，同时检查不同的分辨率是否响应，但在某些屏幕上，最后一个按钮位于前两个按钮的下方，它们之间没有任何空白。

有没有办法在不使用媒体查询的情况下提供这个边距。

Answer 1

您可以简单地在按钮上使用 margin-bottom。确保按钮是 display: inline-block;:

.btn {display: inline-block; margin: 0 0 10px; width: 200px; text-align: center; border-radius: 10px; padding: 5px; border: 0;}
.one {background: #99f;}
.two {background: #9f9;}

<button class="btn one">One</button>
<button class="btn one">Two</button>
<button class="btn two">Three</button>

预览

您可以将 margin-bottom 调整为按钮之间的空间。