如何在html中垂直地给按钮之间留出空格？

在HTML中垂直地给按钮之间留出空格，可以通过CSS来实现。具体方法如下：

使用margin属性：可以通过为按钮设置上下外边距来实现垂直间距。例如，给按钮添加一个类名为"button"，然后在CSS中设置该类的上下外边距，即可在按钮之间留出空格。示例代码如下：

<style>
    .button {
        margin-bottom: 10px; /* 设置下外边距为10像素 */
    }
</style>

<button class="button">按钮1</button>
<button class="button">按钮2</button>
<button class="button">按钮3</button>

推荐腾讯云相关产品：腾讯云云服务器（CVM），腾讯云云函数（SCF）。产品介绍链接地址：腾讯云云服务器、腾讯云云函数。

使用padding属性：可以通过为按钮设置上下内边距来实现垂直间距。与margin相比，使用padding会将按钮的实际可点击区域也扩大，需根据具体需求选择。示例代码如下：

<style>
    .button {
        padding-top: 10px; /* 设置上内边距为10像素 */
        padding-bottom: 10px; /* 设置下内边距为10像素 */
    }
</style>

<button class="button">按钮1</button>
<button class="button">按钮2</button>
<button class="button">按钮3</button>

推荐腾讯云相关产品：腾讯云云点播（VOD），腾讯云对象存储（COS）。产品介绍链接地址：腾讯云云点播、腾讯云对象存储。

通过以上两种方法，可以在HTML中实现按钮之间的垂直间距，从而达到留出空格的效果。