在標籤和輸入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改變塊元素