먼저 다양한 브라우저에서 양식 태그(input, select)가 어떻게 다르게 작동하는지 설명하겠습니다.
1. input 또는 select가 다른 태그(예: a, label)와 혼합되면 불일치가 발생할 수 있습니다. 센터링의 문제.
2....혼합시 외부 태그는 양식 태그를 제어할 수 없습니다.
3. 입력란에 입력된 텍스트의 줄 간격, 간격 등에 차이가 있습니다.
파싱 현상:
입력: 텍스트 속성,
기본값:
1. Firefox의 높이는 16px이고, IE에서는 14px입니다. 글꼴 크기는 13.3333px입니다.
3. 입력에는 패딩 값이 있습니다: Firefox는: padding: 1px 0; IE는: 1px 0 3px 0; 해결 방법: 다음 코드:
border:solid red 1px;
}
td,th {
border:solid red 1px;
height:40px;
}
label {
수직 정렬:중간;
}
.inputtxt {
너비:200px;
패딩:0;
글꼴 계열:"宋体";
글꼴- 크기 :12px;
높이:15px;
선 높이:15px;
수직 정렬:중간;
테두리:단색 #0000FF 1px;
}
< ; /style>
