2012-01-08 1274 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