Textarea中心第一行文本,我希望它是左对齐的

时间:2012-01-08 19:25:40

标签: html css forms textarea

我在表单中有一个简单的textarea,出于某种原因,当我点击textarea开始输入时,它将第一行居中。我可以打回退格,直到它在textarea的开头排队,但我不知道它为什么这样做。我用谷歌搜索,似乎无法找到它为什么会这样做的原因。这是我的jsfiddle:

http://jsfiddle.net/4cVkn/

我尝试过text-align:left在很多地方(内联HTML和CSS),它似乎没有改变任何东西。看起来它应该是一个简单的修复,谢谢你的帮助。

2 个答案:

答案 0 :(得分:14)

它没有居中,只有一系列空格字符的默认值。

</textarea>放在开始标记之后,而不是用空格填充。

答案 1 :(得分:2)

文本区域的默认内容是其标记之间的内容。您的来源有类似的内容:

        <textarea name="bio">
        </textarea>

因此文本区域的初始值是换行符和用于缩进的空格 - 您可以退格的字符。

要摆脱它们,请立即关闭标记:

<textarea name="bio"></textarea>

除此之外:您可能需要使用表格进行表单布局 - 至少在各种闪亮的新CSS3布局得到更好支持之前。你避开它们实际上使得所有<br/>的代码都不那么可读。