如何将字体光标置于顶部，文本对齐：顶部？答案

【问题标题】：How can I get the font cursor at top, text-align: top?如何将字体光标置于顶部，文本对齐：顶部？
【发布时间】：2012-01-06 17:42:52
【问题描述】：

如果我像这样为 textarea 设置 css=>

#id_content {
    padding: 0;
    width: 100%;
    height: 600px;
}

高度和宽度工作。但是，如果我在 textarea 上键入一些内容，则文本位于 textarea 高度的中间，尽管 padding:0。

为什么会这样？我该如何解决？

这是html源代码=>

<div id="id_div_content">

<form action="/createpost/" method="post"><div style='display:none'><input type='hidden' name='xxx' value='xxx' /></div>
<p><label for="id_title">Title:</label> <input id="id_title" type="text" name="title" maxlength="100" /></p>

    <p><label for="id_content">Content:</label> <input type="text" name="content" id="id_content" /></p>
<input type="submit" value="Submit" />

【问题讨论】：

jsfiddle.net/YEsKq 我觉得不错？文字在顶部。
您必须有另一个覆盖默认文本对齐的规则？
这是完整的 css，请查看此以了解更多信息。 pastebin.com/QezMc9iu , pastebin.com/bjeLbqFw

标签： html css fonts textarea height

【解决方案1】：

如果您在 html 中使用 input 标签，就会发生这种情况：

<input type="textarea" id="id_content" />

如果是，请改用 textarea 标签：

<textarea id="id_content"> </textarea>

【讨论】：

不是而是 <code><input type="text" name="content" id="id_content" /></code>
如果你想要一个 600px 的文本框，你应该使用<textarea>。
@guru 尝试将其更改为 <textarea id="id_content" name="content"> </textarea>。我很确定它现在可以工作了。