Internet Explorer의 텍스트 입력에서 텍스트를 가운데 맞춤으로 정렬

Question

Internet Explorer의 입력 필드에서 텍스트를 수직으로 정렬하는 데 문제가 있습니다.

나는이 :

파이어 폭스와 크롬에서

input#search { 
    float:left; 
    font-size:11px; 
    height:20px; 
    margin:0; 
    padding-left:4px; 
    width:100px; 
} 

, 그러나 Internet Explorer에서가 아니라, 정렬 자동으로 수직이 될 것으로 보인다.

<!--[if IE]> 
input#search{ 
    padding-top:3px; /* adjust value */ 
} 
<![endif]--> 

Answer 1

는이 같은 IE 조건부 주석을 사용할 수 있습니다.

Answer 2

이 line-height:1을 설정하면 너무 필드에 숨쉴 공간을 추가해야 수직 정렬 및 padding:.15em의 조금 완화 있습니다

Answer 3

입력 된 개체의 높이와 선 높이를 설정하면 잘 작동합니다 (예 : 7+).

input { border: 0; font-size: 0.8em; height: 32px; line-height: 32px;} 

GL 파울로 부에노

Answer 4

그냥 같은 값 텍스트 상자 line-height 및 height을 정의합니다. 치료할 것입니다

Answer 5

부모 div를 확인하십시오. 비어있는 경우 탐색기가 높이를 올바르게 계산할 수 있도록 내용 (&nbps;)을 추가해야합니다.