2016-11-24 3 views
0

http://jsbin.com/sedisuhigo/edit?outputこのインライン要素で空白が消える理由を説明してください。

第1の例では "l"の後に空白があり、第2の例ではそこには空白があることに注意してください。

誰かがこの動作を説明するいくつかの仕様を指し示すことができるのは素晴らしいことでしょうか?私は説明を見つけることができませんでしたか?

+2

http://stackoverflow.com/questions/35721430/space-between-inline-block-andここ

は、そのためのオプションです-inline-element –

+0

[インラインブロック要素間のスペースを削除する方法は?](http://stackoverflow.com/questions/5078239/how-to-remove-the-space-between-inline-block-要素) – LuudJacobs

+0

@VeikoJääger。それは間違いなく私に方向性を与える..ありがとうたくさん –

答えて

0

各 'a'要素は単独で独立しています。下線を宣言した要素ごとに、その間に余白を定義してスペースがあるようにしています。

あなたの目標に達するには、コンテナでラップしてそこに下線を付ける必要があります。

<body> 
    <div class="underline-me"> 
    <a id="one"> 
     expol 
    </a> 
    <a id="two"> 
     expol 
    </a> 
    </div> 
</body> 

とCSSの:

a{ 
    /* text-decoration: underline; */ 
    font-size: 4em; 
    /* margin: 2px; */ 
} 
.underline-me{ 
    text-decoration: underline; 
} 
関連する問題