文字の前に一つ空白が入ります。

質問

<div class="あああ">
<img src="パス">
文字<img src=""パス">
</div>

としているのですが、
文字の前に一つ空白が入ります。

原因は何でしょうか？

もしかして、<img src="パス">と文字の間のソースは改行してはいけないのでしょうか？

回答No.2

t_ohta · ベストアンサー

＞　もしかして、<img src="パス">と文字の間のソースは改行してはいけないのでしょうか？

改行せずに
<img src="パス">文字<img src=""パス">
と書けば空白は入らないでしょう。

これはHTMLの仕様に基づく正しい表示です。
日本語の環境に馴染んでいると不思議に思うかもしれませんが、英文等では単語間の区切りは空白か改行で行われるため、HTMLのソース上での改行は単語間の区切りと同じものとして扱われる事になっているので、レンダリングした画面では空白1文字に置き換えて表示されます。

お礼

どうもありがとうございました。

回答No.1

pringlez

改行や半角空白の連続は、半角空白1つに置換すると定められています。
それが原因です。

お礼

どうもありがとうございました。