CSS는

Question

내가 장고 다음과 같은 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>에 이미 영향을 미치지 않음).