입력 텍스트 상자와 img 인증 코드 사이의 정렬 문제(img는 항상 입력보다 머리가 높음)_HTML/Xhtml_웹 페이지 제작

웹 페이지 제작에서는 입력과 img가 같은 줄에 배치되는 경우가 많습니다. img 태그는 항상 입력보다 높기 때문에 매우 보기 흉합니다.

CCS에서 입력과 img의 수평 정렬을 달성하는 방법
입력과 img에 수직 정렬:중간을 동시에 추가하면 됩니다.

코드 복사

코드는 다음과 같습니다.

input,img {vertical-align:middle;}