时间戳

首页 > 解决方案 > 如何在html中垂直给按钮之间留出空间？

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

问题描述

例如，在给定的代码中，我希望“1”按钮和“4”按钮、“2”按钮和“5”按钮、“3”按钮和“6”按钮之间有空格，例如“1”之间有空格按钮和“2”按钮。

<div class="text-center">
<form  method="post"  action="#" name="cal">
    
    
    
    <input type="button" value=" 1 " class="btn btn-outline-dark" onclick="cal.expression.value += '1'" >
    <input type="button" value=" 2 " class="btn btn-outline-dark" onclick="cal.expression.value += '2'" >
    <input type="button" value=" 3 " class="btn btn-outline-dark" onclick="cal.expression.value += '3'" ><br>
    <input type="button" value=" 4 " class="btn btn-outline-dark" onclick="cal.expression.value += '4'" >
    <input type="button" value=" 5 " class="btn btn-outline-dark" onclick="cal.expression.value += '5'" >
    <input type="button" value=" 6 " class="btn btn-outline-dark" onclick="cal.expression.value += '6'" ><br>
    <input type="button" value=" 7 " class="btn btn-outline-dark" onclick="cal.expression.value += '7'" >
    <input type="button" value=" 8 " class="btn btn-outline-dark" onclick="cal.expression.value += '8'" >
    <input type="button" value=" 9 " class="btn btn-outline-dark" onclick="cal.expression.value += '9'" ><br>
    <input type="submit" value="=" class="btn btn-outline-dark" >
</form>
</div>

标签： html

解决方案

使用边距它将帮助您在按钮之间留出空间

 .btn{
    margin:5px;
    }

推荐阅读