<input> 필드의 텍스트의 세로 위치

Question

패딩이나 줄 간격을 사용하여 입력 필드에서 텍스트의 세로 위치를 지정할 수 없었습니다. 텍스트와 텍스트 입력을 렌더링해야하는 다음 코드는 아래로 밀어 :

<input style="padding: 50px 0 0 0; height: 0px;" type="text" value="Hello" /> 

무엇 대신에 무슨 일이 일어나고하는 모든 텍스트는 50 픽셀 높이 입력에 수직으로 중심되는 것입니다.

해결 방법에 대한 의견이 있으십니까?

Answer 1

이상한 속임수가없는 표준 텍스트 상자에서는 텍스트 상자처럼 보이는 테두리가있는 div를 만들고 텍스트 상자 자체에서 테두리를 제거하고 아래쪽에 수직으로 배치하여 사업부)는, 당신은

이

<textarea style="padding: 50px 0 0 0; resize: none;">Hello</textarea> 

(resize: none;를 추가하면 텍스트 영역의 크기)을 변경에서 사용자를 중지 ... 텍스트 영역 요소에 의존해야합니다 귀하의 입력 높이가 0 픽셀로 설정하는 이유