如何以不再水平居中的方式重新定位输入字段的文本？答案

【问题标题】：How to reposition the text of an input field in a way that it is no longer horizontally centred?如何以不再水平居中的方式重新定位输入字段的文本？
【发布时间】：2019-09-23 20:29:59
【问题描述】：

我想将输入文本的位置更改为左上角。我的尝试没有成功，也许我可能将“输入文本”称为错误......

提前感谢您帮助这个新手！

我已经尝试过使用相对位置和绝对位置以及将输入设置为 margin:0 并且完全没有变化。

 <form class="form-container">
   First name:<br>
   <input type="text" name="firstname" value="Mickey">
   <br>
   Last name:<br>
   <input type="text" name="lastname" value="Mouse">
   <br><br>
   <input type="submit" value="Submit">
 </form>

.form-container {
  float: left;
  width: 100%;

  /* position: relative; */
}

.form-container input {
  height: 40px;

  /* position: absolute;
  top: 0;
  left: 0; */

  /* margin: 0; */
}

【问题讨论】：

您说的是用户输入的文本吗？或者您是在谈论向用户显示占位符说明文本？

标签： html css forms input position

【解决方案1】：

尝试这样做。这是你需要的吗？

`.form-container {
 float: left;
 width: 100%;
}

.form-container input[type=text] {
padding-bottom: 40px;
}`

【讨论】：

感谢@Viktoriia，这行得通。但是，我想问其他问题是否可以。现在我试图打破这些行，所以文本不是全部写在同一行，但它也不起作用。我正在使用 .form-container input[type=text] { padding-bottom: 40px;溢出-y：自动；溢出换行：断字； }
input type="text" 不能有多行输入。您需要改用<textarea></textarea>。