我在html中的输入不是从顶部开始

Question

所以我对前几天输入的行有疑问。

调整输入的height时，文本不是从顶部开始，而是垂直居中。此外，文本不会在框的最外边缘处停下来，而是继续换行，而是继续而不换行。

.text-form {
  height: 100px;
}

<input class="text-form" type='text' name='inputter' placeholder='bla'>

我该如何解决？

Answer 1

您可以尝试摆弄padding-bottom来代替设置height：

input {
  padding-bottom: 100px;
}

<input type="text" placeholder="foo bar">

Answer 2

您可以尝试

Input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}