在标签和输入HTML格式之间设置页边距

Question

我想更改标签和简单HTML表单输入之间的页边距。标签在输入字段下面。当我设置一个班级时，我可以更改其他属性，如字体大小，但不包括边距。

Answer 1

A <label>默认显示为inline。您必须将其更改为inline-block或block以便设置margin。

label { 
    display: inline-block; 
    margin: 10px; 
} 

一些资源来了解更多关于CSS盒模型：

• MDN article
• CSS-Tricks article

一些资源来了解更多关于display属性在CSS：

• MDN article

Answer 2

跨度和文字的认为是内联。为了使用余量，必须将内联元素禁用。如果标签太大，它也会阻止内容下载。

Answer 3

不能设置保证金的顶部和底部，因为标签被称为内联元素，如果u需要设置保证金顶部或底部，然后换块元素如下面的代码

label { 
     margin: 10px 0px; 
     display: block; 
} 

或

label { 
      margin: 10px 0px; 
      float: left; 
    } 

如果添加CSS“浮动：左”的任何元素，然后将TAT改变块元素