Question

我无法使用填充或行高指定输入字段中文本的垂直位置。下面的代码应该呈现一个文本输入，文本被推到底部：

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

正在发生的是所有文本都在50px高的输入中垂直居中。

有关如何解决此问题的任何想法？

Answer 1

你不能在没有古怪技巧的标准文本框上做到这一点（例如，创建一个带有看起来像文本框的边框的div，并从文本框本身移除边框并将其垂直放置到文本框的底部div），所以你不得不求助于textarea元素...

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

（添加resize: none;会阻止用户更改textarea的大小）