我注意到使用車把檔案的奇怪行為。
當我試圖在一個 div 中添加 3 個彼此相鄰的錨標記時，我在它們之間得到了“-”字符。你可以在下面的圖片中看到它。
我沒有在代碼中添加它們，當我將每個錨標記放在單獨的 div 中時，字符就會消失。
我是車把新手，我想知道這是什么原因。
.social-media {
margin-bottom: 32px;
}
.social-media a {
margin: 16px 15px;
}<div class='footer'>
<div class='social-media'>
<a href='https://www.facebook.com/'>
<img alt='facebook' src='https://dummyimage.com/20x20/b0b0b0/fff' />
</a>
<a href='https://www.linkedin.com/company/'>
<img alt='lnkedin' src='https://dummyimage.com/20x20/b0b0b0/fff' />
</a>
<a href='https://www.instagram.com/'>
<img alt='instagram' src='https://dummyimage.com/20x20/b0b0b0/fff' />
</a>
</div>
</div>uj5u.com熱心網友回復：
只需將text-decoration: none;道具添加到您的錨樣式 - 它會洗掉這條線。
默認情況下，此裝飾（下劃線）出現在所有鏈接上。 text-decoration: none;洗掉此行的 CSS 屬性。
.social-media {
margin-bottom: 32px;
}
.social-media a {
margin: 16px 15px;
text-decoration: none; /* remove underline */
}<div class='footer'>
<div class='social-media'>
<a href='https://www.facebook.com/'>
<img alt='facebook' src='https://dummyimage.com/20x20/b0b0b0/fff' />
</a>
<a href='https://www.linkedin.com/company/'>
<img alt='lnkedin' src='https://dummyimage.com/20x20/b0b0b0/fff' />
</a>
<a href='https://www.instagram.com/'>
<img alt='instagram' src='https://dummyimage.com/20x20/b0b0b0/fff' />
</a>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/481799.html
上一篇：我的回應式網站在移動設備上的外觀與在瘦瀏覽器上的不同
下一篇：導航欄中的下拉選單卡住