Первая строка текста текстовых центров, и я хочу, чтобы она была выровнена по левому краю

Question

У меня есть простая текстовая область в форме, и по какой-то причине, когда я нажимаю текстовую область, чтобы начать печатать, она центрирует первую строку. Я могу нажимать клавишу Backspace, пока она не выровняется в начале textarea, но я не знаю, почему это происходит. Я гуглил и, похоже, не могу найти причину, почему он это сделал. Вот мой jsfiddle для этого:

http://jsfiddle.net/4cVkn/

Я пробовал выравнивание текста: оставлено во многих местах (встроенный HTML и CSS), и это, похоже, ничего не меняет. Похоже, это должно быть простое исправление, спасибо за помощь.

Answer 1

Он не центрирован, просто имеет значение по умолчанию из серии пробелов.

Поставьте </textarea> сразу после начального тега вместо заполнения его пробелом.

Answer 2

Контент по умолчанию для текстовой области - это контент между ее тегами.В вашем источнике есть что-то вроде:

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

, поэтому начальное значение текстовой области - это новая строка и пробелы, используемые для отступа - символы, которые вы можете вернуть на задний план.

Чтобы избавиться отзакройте тег немедленно:

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

В сторону: тип макета формы, к которому вы стремитесь, должен быть выполнен с использованием таблиц - по крайней мере, до тех пор, пока различные блестящие новые макеты CSS3 не будут лучше поддерживаться.Если вы избегаете их, на самом деле код становится менее читабельным по сравнению со всеми <br/> s.