Wulin.com의 기사 소개 (www.vevb.com) : 폼 요소 입력 및 텍스트 완벽한 수직 센터링 정렬 방법.
유형 = Radio 및 Type = CheckBox 정렬 문제, 테스트 브라우저 : IE7+/Firefox8.0
원리 : Font-Family에서 첫 번째 글꼴을 Verdana 펜트로 설정
테스트 코드는 다음과 같습니다.
<! doctype html public- // w3c // dtd xhtml 1.0 Transitional // en>
<html xmlns =>
<헤드>
<meta http-equiv = content-type content = text/html; charset = utf-8 />
<title> 양식 요소 입력, 텍스트 완벽한 수직 센터링 정렬 방법 - 웹 교육 웹 사이트 webjx.com </title>
<스타일 유형 = 텍스트/CSS>
바디 {font : 12px/24px verdana;}
ul {목록 스타일 : 없음;}
입력, 레이블 {수직-정렬 : 중간;}
</스타일>
</head>
<body>
<ul>
<li> <입력 유형 = Radio/> <label> 수혜자 계약 </label> </li>
<li> <입력 유형 = checkbox/> <label> 수혜자 계약 </label> </li>
<li> <입력 유형 = Radio/> <label> Microsoft </label> </li>
<li> <입력 유형 = Checkbox/> <label> Microsoft </label> </li>
</ul>
</body>
</html>