2012-01-08 32 views
4

私はフォーム内に単純なテキストエリアを持っています。何らかの理由でテキストエリアをクリックして入力を開始すると、最初の行が中央に配置されます。私はtextareaの始めに並ぶまでbackspaceを押すことができますが、なぜそれがそれをしているのかわかりません。私はグーグルで、これを行う理由が見つからないようです。ここではそれのために私jsfiddleです:Textareaセンターテキストの最初の行と私はそれを左揃えにしたい

http://jsfiddle.net/4cVkn/

私が試したテキスト整列:多くの場所に残って(インラインでHTMLとCSS)、何も変更していないようです。それは簡単な修正、ヘルプのおかげでなければならないようだ。

答えて

13

中央に配置されていないため、一連の空白文字のデフォルト値があります。

</textarea>を空白で埋めるのではなく、開始タグの直後に置きます。

+0

ああ、私は間違いを起こした白いスペースに鈍感なコードに慣れています。ありがとう! (私のタイマーが11分でアップしたら答えを受け入れる) – MillerMedia

+0

実際には、テキストエリアのどこかをクリックすると、そのポイントからテキストが自動的に開始されます。テキストエリアの先頭(左上隅)をクリックすると、そこからテキストが始まります。 – TricksfortheWeb

2

テキスト領域のデフォルトの内容は、タグ間の内容です。 - 文字あなたがオーバーバックスペースすることができます

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

ので、テキストエリアの初期値は、改行やインデントに使用スペースがある:あなたのソースのようなものがあります。それらを取り除くために

は、すぐにタグを閉じる:

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

脇:あなたが行っているフォームのレイアウトの種類は、おそらくテーブルを使用して行われるべきである - 少なくとも、様々なピカピカの新しいCSS3レイアウトまでより良くサポートされています。あなたがそれらを避けていると、実際にコードは読みにくくなりました。すべて<br/>です。

+0

余分な改行は良いスタイルではありませんが、テーブルは解決策ではありません。 – Quentin

+0

@Quentin:私は、広くサポートされているCSSで、ソリューションにいくつかの制約を受け入れることなく、グリッドベースのレイアウトを実現する方法を知らない。 (列や行の絶対幅や高さと同じように)不幸なことに、これはテーブルが唯一の(醜い)解決策であるように見える領域です。 – millimoose

+0

ええ、私はそれを見て、私はそれが '
'のすべてでかなりひどい探しているコードだと知っていますが、最近私はテーブルを完全に使用することを避けようとしています。私は、CSSの '
'の行の高さを再割り当てしたので、そのように多くのものがあるのです。私はそれらを私のポジショニングについて本当に具体的に使用していました。 – MillerMedia

関連する問題