プロが教えるわが家の防犯対策術！

htmlのタグ間の謎の空白

解決済

  • 質問者：Tera
  • 質問日時：
  • 回答数：2件

htmlの文字間に謎の余白があり、消したいのですがどなたか方法が分かる方いらっしゃいますでしょうか？
具体的には下記サンプルファイルの2つのaタグ間に半角くらいの空白が出来てしまいます。
マージンなどは０にして、google chrome上で要素を調べている限りでは空白を開けるような設定が見つかりません。
もしお分かりの方おられましたら、お教え頂ければ幸いです。よろしくお願いいたします。

<html>
<head>
<style type="text/css">
body, a { margin:0px; padding: 0px; letter-spacing:0px;}
a { background-color: red;}
</style>
</head>
<body >
<a>Home</a>
<a>Home</a>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： yambejp
  • 回答日時：

その空白は改行マークです。


インライン属性のアンカータグですから空白がでて当然。
ほかの部分との絡みもありますが、ソースはそのままでどうしても
空白をけしたいなら、blockにしてfloatにするとかですかね・・・

<style>
body, a { margin:0px; padding: 0px; letter-spacing:0px;}
a { background-color: red;display:block;float:left;}
</style>
<a>Home</a>
<a>Home</a>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答ありがとうございます。参考にさせていただきます。

通報する
お礼日時：2015/03/25 02:45

No.2

  • 回答者： Ogre7077
  • 回答日時：

<a>Home</a><a>Home</a>

    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報