Textarea中心第一行文本，我希望它是左對齊的

Question

我在表單中有一個簡單的textarea，出於某種原因，當我點擊textarea開始輸入時，它將第一行居中。 我可以打回退格，直到它在textarea的開頭排隊，但我不知道它為什么這樣做。 我用谷歌搜索，似乎無法找到它為什么會這樣做的原因。 這是我的jsfiddle：

我嘗試過text-align：left在很多地方（內聯HTML和CSS），它似乎沒有改變任何東西。 它似乎應該是一個簡單的修復，謝謝你的幫助。

Answer 1

它不是居中的，它只有一系列空格字符的默認值。

將</textarea>放在開始標記之后，而不是用空格填充。

Answer 2

文本區域的默認內容是其標簽之間的內容。 你的來源有類似的東西：

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

所以文本區域的初始值是換行符和用於縮進的空格 - 您可以退格的字符。

要擺脫它們，請立即關閉標記：

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

除此之外：您可能需要使用表格進行表單布局 - 至少在各種閃亮的新CSS3布局得到更好支持之前。 你避免他們真的使代碼的可讀性什么所有的<br/>秒。