質問編集履歴

1 html上の見え方を追加しました

lyzmfeqpxs54

lyzmfeqpxs54 score 161

2018/04/23 14:52  投稿

html textareで1行目の頭に若干の空白ができる
いつもお世話になっております。
現在Railsでウェブページを作成しております。
下記コードのようにテキストエリアを作成しているのですが、以下画像のように1行目の頭(「テ」の文字の左側)に若干の空白ができてしまいます。
2行目以下は普通に表示されているのですが、これは何が原因なのでしょうか。
ご教示いただけますと幸いです。
よろしくお願いいたします。
![イメージ説明](24536d5b2bd0c581376ff83d6ff418f3.png)
```Ruby
# show.html.erb
<div class="sendmessage_message_field_textarea">
 <%= f.text_area :message_text, value: "#{@post_text}", id: "message_text", class: "message_text" %>
</div>
#以下はhtml上の見え方  
<div class="sendmessage_message_field_textarea">  
<textarea id="message_text" class="message_text" name="message_text">  
保育園へ連絡をお願いいたします。</textarea>  
</div>  
# css
.sendmessage_message_field_textarea {
   margin: 0 0 0 80px;
   textarea {
     width: 330px;
     height: 150px;
   }
}
 
```
  • HTML

    11813 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    7731 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • Ruby

    9626 questions

    Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

  • Ruby on Rails

    9032 questions

    Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る