2012-01-08 108 views
4

我有一个简单的textarea在窗体中,由于某种原因,当我点击textarea开始键入时,它居中第一行。我可以回退,直到在textarea开始时排队,但我不知道为什么它会这样做。我谷歌搜索,似乎无法找到一个原因,为什么会这样做。这是我的jsfiddle吧:Textarea中心的第一行文本,我想它左对齐

http://jsfiddle.net/4cVkn/

我试过的text-align:留在许多地方(内嵌HTML和CSS),它似乎并没有改变任何东西。这似乎应该是一个简单的修复,感谢您的帮助。

回答

13

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

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

+0

哦,是的,我太习惯于空白不敏感的代码,我犯了这个错误。谢谢! (当我的计时器在11分钟内启动时,我会接受你的答案) – MillerMedia 2012-01-08 19:29:13

+0

实际上,如果你点击textarea的任何地方,它会自动从那一点开始文本。点击textarea的开头(左上角)将使文本从那里开始。 – TricksfortheWeb 2015-07-03 13:56:18

2

文本区域的默认内容是其标签之间的内容。你的来源有这样的:

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

使文本区域的初始值是换行,并使用缩进的空间 - 字符,你可以退格。

要摆脱他们,立即关闭标签:

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

旁白:你要对可能应该使用表格来完成的一种形式布局 - 至少要等到各种崭新的CSS3布局得到更好的支持。您避免使用它们实际上使得代码在所有的<br/>中都没有可读性。

+0

虽然过多的换行符不是很好的样式,但表格不是解决方案。 – Quentin 2012-01-08 19:33:50

+0

@Quentin:在广泛支持的CSS中,我不知道有任何其他方式来实现基于网格的布局,而不必接受解决方案的一些限制。 (就像绝对宽度或列/行的高度一样)不幸的是,这是一个表格似乎是唯一(丑陋)解决方案的领域。 – millimoose 2012-01-08 19:39:37

+0

是的,我看了一下,我知道这是非常可怕的看所有'
'的代码,但我最近一直试图避免使用表格。我在CSS中重新分配了'
'的行高,这就是为什么它们有这么多。我正在使用它们来确定我的定位。 – MillerMedia 2012-01-08 22:55:24

相关问题