CSS並不適用於

Question

我生成的Django以下HTML的所有元素：

<p> 
    <label for="id_username"> 
     Username: 
    </label> 
    <input id="id_username" type="text" name="username" maxlength="30"></input> 
</p> 

...，並使用下面的CSS代碼來加以裝飾標籤和文本輸入：

form.registration p label, 
form.registration p input 
{ 
    width: 250px; 
} 

在最後，導航器（Firefox）僅改變輸入文本框的寬度，但不改變標籤的寬度。有人知道爲什麼嗎？

Answer 1

通常，在大多數瀏覽器中，label的默認顯示爲display: inline。這意味着設置的寬度不會影響任何更改。將display: inline-block添加到屬性中（這不會影響<input>，它們已經是display: inline-block）