HTML中表单之间的间距

问题描述：

我是新来的HTML，这是我的第一个项目。我试图设计一个简单的计算器，与此图像相同。HTML中表单之间的间距

我遇到的问题是我无法找到一个简单的方法，把标签即“期限，利率”，并输入框意味着布局看起来穷人之间的间距。我发现的最简单的方法是加入& nbsp，但这似乎很可笑。

例如，在下面的代码中，如何获得“术语”和输入框之间的间距？

<form> 
 
       <label> 
 
        Term <input name ="term" type ="text"/> 
 
       </label> 
 
      </form>

查找到CSS边距和填充。 – j08691

除了链接中接受的答案之外，您还可以使用“表格”排列。 – StardustGogeta

答

.table tr td{ 
 
    text-align:right; 
 
} 
 

 
/*this sets padding space */ 
 
.table tr td{ 
 
    padding-top:10px; 
 
}

<form> 
 

 
<table class="table"> 
 
    <tr> 
 
    <td> 
 
     <label> Term </label> 
 
    </td> 
 
    <td><input name ="term" type ="text"/></td> 
 
    </tr> 
 
    <tr> 
 
    <td> 
 
     <label> Rate Blah Blah </label> 
 
    </td> 
 
    <td><input name ="blahblah" type ="text"/></td> 
 
    </tr> 
 
    </table> 
 
</form>

，你可以使用它像这样

HTML中表单之间的间距

相关推荐