입력란 및 img 인증코드 생성 방법

웹페이지를 만드는 과정에서 왼쪽이 오른쪽의 인증코드를 입력할 수 있도록 input과 img를 같은 줄에 배치하는 경우가 많습니다. 그런데 동시에 발생하는 문제는 가로 정렬입니다. 아래에 텍스트 상자와 인증 코드를 공유하겠습니다. 구체적인 해결 방법은 다음과 같습니다. 비슷한 문제를 겪고 있는 친구들은 이에 대해 알아볼 수 있습니다

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

CCS에서 입력 및 img의 수평 정렬을 달성하는 방법
입력 및 img에 vertical-align:middle를 동시에 추가하면 됩니다. 코드는 다음과 같습니다.

input,img {vertical-align:middle;}

믿습니다. 이 사례를 읽은 후 방법을 마스터했습니다. 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

관련 읽기:

경계 없는 iframe과 국경 없는 iframe의 작동은 무엇입니까?

HTML에서 텍스트 주석을 표시하는 기호는 무엇입니까?

위 내용은 입력란 및 img 인증코드 생성 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!