使用 <input type="text"/> 垂直对齐文本？答案

【问题标题】：Using <input type="text"/> vertically aligns text?使用 <input type="text"/> 垂直对齐文本？
【发布时间】：2026-02-05 13:10:01
【问题描述】：

由于某种原因，我的其中一个输入行为很奇怪。我对所有输入应用通用 css

.text-input {
    padding: 6px 10px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 330px;
    border-bottom: 1px solid #000;
}

我将这个特定的 css 应用于一个特定的 div 以使其更高

#letter {   
    height: 100px;
}

由于某种原因，当我专注于#letter 输入并开始输入文本时，文本出现在它的垂直中间，我不知道是什么导致了问题，但这是我的页面，如果你专注于“消息”输入你会明白我的意思（在 chrome 中测试）。

http://freshbeer.lv/development/en/contact.php

【问题讨论】：

标签： html css forms input

【解决方案1】：

也许您想改用textarea？ input type="text" 只是单行。

【讨论】：

是的，没想到)))

【解决方案2】：

您应该为此使用文本区域元素。

<textarea></textarea>

【讨论】：