我在表单中有一个简单的textarea,出于某种原因,当我点击textarea开始输入时,它将第一行居中。我可以打回退格,直到它在textarea的开头排队,但我不知道它为什么这样做。我用谷歌搜索,似乎无法找到它为什么会这样做的原因。这是我的jsfiddle:
我尝试过text-align:left在很多地方(内联HTML和CSS),它似乎没有改变任何东西。看起来它应该是一个简单的修复,谢谢你的帮助。
答案 0 :(得分:14)
它没有居中,只有一系列空格字符的默认值。
将</textarea>
放在开始标记之后,而不是用空格填充。
答案 1 :(得分:2)
文本区域的默认内容是其标记之间的内容。您的来源有类似的内容:
<textarea name="bio">
</textarea>
因此文本区域的初始值是换行符和用于缩进的空格 - 您可以退格的字符。
要摆脱它们,请立即关闭标记:
<textarea name="bio"></textarea>
除此之外:您可能需要使用表格进行表单布局 - 至少在各种闪亮的新CSS3布局得到更好支持之前。你避开它们实际上使得所有<br/>
的代码都不那么可读。